Before After perché non ci riesco?

elmanisero

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è.

elmanisero

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?

joy0101

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?

elmanisero

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.

elmanisero

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

joy0101

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?

elmanisero

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

joy0101

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

elmanisero

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

joy0101

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

elmanisero

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

joy0101

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

joy0101

Ha funzionato anche semplicemente mantenendo il plugin ma con l'header php che mi hai mandato, i codici me li tengo in caso dovessi cambiare tema e darmi problemi in futuro, grazie infinite di tutto!!
Ciao