PDA

View Full Version : [PHP JAVASCRIPT] Effetto dissolvenza su immagini della homepage


Profeta11
01-08-2010, 02:26
Salve a tutti, ecco il mio problema:

utilizzo wordpress 2.9.2 e il tema autofocus 1.0.1 del quale ho fatto alcune personalizzazioni.

Qua potete vedere il mio sito http://www.proftelia.it

Come potete vedere, quando si passa sopra ad un'immagine che fa da "copertina" per il post, appare un messaggio didascalico su banda grigia... nella nuova versione del tema (che purtroppo è quasi stravolto rispetto a quello che ho io), è presente un effetto di dissolvenza molto più dinamico che mi piacerebbe inserire sul mio tema.

Quello che intendo è questo http://fthrwght.com/autofocus/plusdemo/

Vorrei inserire un effetto più dinamico (la barra con didascalia che appare in modo meno netto, quindi con dissolvenza o con qualcosa di simile) in modo da animare il tema e renderlo più morbido

Purtroppo a differenza di altre cose che ho modificato, non saprei da dove partire.

Se vi serve qualche pezzo di codice della index, basta chiedere :)

dojolab
01-08-2010, 10:16
Salve a tutti, ecco il mio problema:

utilizzo wordpress 2.9.2 e il tema autofocus 1.0.1 del quale ho fatto alcune personalizzazioni.

Qua potete vedere il mio sito http://www.proftelia.it

Come potete vedere, quando si passa sopra ad un'immagine che fa da "copertina" per il post, appare un messaggio didascalico su banda grigia... nella nuova versione del tema (che purtroppo è quasi stravolto rispetto a quello che ho io), è presente un effetto di dissolvenza molto più dinamico che mi piacerebbe inserire sul mio tema.

Quello che intendo è questo http://fthrwght.com/autofocus/plusdemo/

Vorrei inserire un effetto più dinamico (la barra con didascalia che appare in modo meno netto, quindi con dissolvenza o con qualcosa di simile) in modo da animare il tema e renderlo più morbido

Purtroppo a differenza di altre cose che ho modificato, non saprei da dove partire.

Se vi serve qualche pezzo di codice della index, basta chiedere :)

Ciao, non ho guardato sinceramente con quale plugin è stato creato l'effetto perché sono di corsa; l'ideale sarebbe applicare una trasparenza al div in sovrapposizione sugli altri.

Questo lo puoi fare da CSS tramite i selettori:

filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;

Per quanto riguarda l'effetto (di dissolvenza o non) on JQuery esistono oggetti in grado di simulare il fade_in e il fade_out di qualsiasi elemento.

Sicuramente anche nel tuo caso ci sono, nonostante, mi pare, usi scriptacoulos (o come diavolo si scrive :D )

anonimizzato
01-08-2010, 10:22
Il mio consiglio, come già anche suggerito da dojolab, è quello di usare un framework come JQuery che, in modo nativo, ti offre alcuni effetti di transizione basilari come il fading o lo sliding.

Ciao.