Rileggi il mio post

Mi dispiace non capisco, potresti cercare di spendere qualche parola in più per spiegarmi questa cosa per favore?

Veramente dovresti essere tu a spendere delle parole per spiegare cosa non capisci.
Primo hai scaricato, dezippato e cliccato sul file index?
Quello è il plugin originale, con i due javascript che servono a far funzionare i due esempi inseriti nell'head del file index e due javascript api.
In wordpress si possono mettere tutti i plugin che vuoi non solo quelli che scarichi da wordpress.org.
Per inserire quel plugin devi solo mettere i javascript nell'header.php e mettere le immagini dentro il div e le classi come nell'esempio.

Ah ok, scusa non avevo visto il messaggio dove mi scrivevi che l'avevi ricaricato. Ora che mi hai spiegato per filo e per segno ho capito e funziona tutto! Sei un grande grazie mille!!!
Solo una cosa ancora ho caricato due immagini a caso ma quella del cavallo è esattamente la stessa di quella sopra, non ti sembra che siano diversi i colori? Incide in qualche modo il plugin sull'immagine che va ad essere before/after che tu sappia?
Qua c'è il link

giuseppesapori.com/media/2012/09/Schermata-2012-09-22-alle-21.38.29.png

Assolutamente no, quel plugin non fa nessuna modifica alle immagini, semplicemente le carica uno sotto l'altra e con ii javascrpit riesci a farle vedere entrambe trascinando quella linea o cliccando sui link.
Però perchè il tutto funzioni deve avere quel nome la cartella dove sono le immagini, deve chiamarsi image dove ci sono anche le immagini delle frecce e della barra. Altrimenti devi cambiare il nome nei tre javascript.

Ma infatti il plugin a funzionare funziona non capisco solo perché il cavallo della seconda foto è più colorato di quella prima

Ecco un esempio pratico se non ci fosse quella disabilitazione del tasto destro forse saprei dirti il perchè, forse c'è qualche altro javascript che agisce e interferisce. Qual'è il link di questo post dove stai facendo le prove, giusto per vedere se anch'io vedo i colori diversi?
Come non detto li stai facendo in locale perchè non vedo nulla di quello che ti ho passato nella sorgente.
Guardando meglio nella sorgente hai già l'api di jquery.min.js anche se di un'altra versione, quindi non devi mettere quella del mio esempio.

Quindi mi stai dicendo che il funzionamento del plugin che vedo è solo in locale? Se così fosse il file index e la cartella images non sono gli stessi?
Entrando via ftp nella cartella del plugin io ho una cartella che si chiama images, quella che mi hai passato tu si chiama image poi c'è una cartella js con tutti i jquery di before after l'index lo devo quindi caricare qua dentro? Io prima l'avevo solo aperto cliccandoci sopra.

Lo so che è un mio errore ma implemento sempre i miei post, rileggilo per favore. Dello screenshot non me ne faccio nulla se devo capire il perchè.

No, ho detto solo che non vedevo l'esempio e nemmeno vedevo gli script sul tuo sito, ho dedotto che tu facessi delle prove sullo stesso sito installato in locale.
Non è facile comunicare. Dove stai facendo queste prove?

Sull'ultimo post che vedi ma ora ho tolto tutto, mettevo il codice facevo anteprima articolo e vedevo come veniva... il beforeafter funzionava ma le immagini erano di colore diverso. Forse dovrei creare un articolo ad hoc con questa cosa e vedere se cambia il colore?

Vedo che anche tu implementi i post.
Il plugin che hai scaricato da wordpress lo devi disabilitare.
La parola plugin ti trae in inganno, indica sia quelli di wordpress.org che quelli degli altri.
@elmanisero said:

Per inserire quel plugin devi solo mettere i javascript nell'header.php e mettere le immagini dentro il div e le classi come nell'esempio.
@elmanisero said:

Però perchè il tutto funzioni deve avere quel nome la cartella dove sono le immagini, deve chiamarsi image dove ci sono anche le immagini delle frecce e della barra. Altrimenti devi cambiare il nome nei tre javascript.

Ma cosa hai fatto per far funzionare il plugin di wordpress.org?

No scusa se ho capito bene: con il plugin scaricato da wordpress deve essere istallato ma disabilitato e con quello che mi hai passato tu come faccio a mettere i javascript nell'header.php e mettere le classi e i div come nell'esempio? E perchè cliccando solo nell'header della cartella che mi hai passato visualizzavo correttamente ( salvo per i colori) il before after nella preview dell'articolo? Era solo in locale?

Quello di wordpress lo puoi anche cancellare dopo averlo disattivato.
Se mi dici come vuoi far vedere le immagini ti preparo una nuovo zip senza il superfluo.
Le vuoi vedere come nel primo esempio o quella con le scritte sotto l'immagine?
Quale di queste due http://www.catchmyfame.com/jquery/befaftdemo.html

Grazie grazie mille, quella con le scritte sotto l'immagine. Quindi con questo file che mi prepari lo metto al posto di quello che ho attualmente e va a posto cosi? Il link se me lo manderai ora dopo quanto scade? Te lo dico perchè ora ti sto scrivendo dal cell che non sono a casa. Grazie mille ancora

Non so cosa hai fatto, ho già cercato di spiegartelo ma vedo che non capisci. Quello che ti mando, non scadrà almeno spero.

Basta che mi dici se è corretto come ho capito io, cancello quello vecchio e inserisco quello che mi manderai ex novo, giusto?

Non so cosa hai fatto ma capisco che non hai capito nulla.
Devi cancellare quello di wordpress.org e cancelli anche il mio precedente.
Quello che ti mando non lo devi mettere nella cartella plugin di wordpress.
Devi caricare, se non ci sono già, le due cartelle nella root del tuo tema.
Una si chiama js e l'altra images.
Se ci sono già queste due cartelle nella root del tuo tema, non nei plugin, ci metti il contenuto che ci trovi dentro.
Poi apri con un editor il tuo file header.php.
Questo lo copi e lo incolli nel tuo file header.php tra i tag <head> e </head> meglio verso la fine (i file javascript devono stare dopo i css)

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/jquery.beforeafter-1.4.js" type="text/javascript"></script> 
<script type="text/javascript">
$(function(){
    $('#container').beforeAfter({imagePath:'images/'});
});
</script>

Poi dopo aver caricato le due immagini nel post le modifichi con la visione html mettendole dentro il div come ho fatto io nel mio file index.html (se lo apri con un editor copi i vari div di apertura e chiusura e vedi come è il codice delle immagini (alt before e alt after sono ininfluenti).

Poi fai come ti pare, se funziona come hai fatto prima, anche se non capisco come sia possibile, sarà questione di caso o fortuna, rifallo.

Questo è il nuovo link http://www.nowdownload.eu/dl/3kaa5kjyir0gt

Domattina ci provo e ti faccio sapere anche se capisco che ti sei stancato di starmi a sentire, non ci capisco nulla di codici cerca di capire