Semplice image rollover in javascript

Ciao a tutti ragazzi,

quanti di voi avranno avuto bisogno di creare un rollover sul propio sito?

Molti.

Sicuramente il rollover è un bell’effetto dinamico che piace a chi visita il sito.

Ci sono tanti modi ( Si può usare sia il javascript che il css ) ma ce n’è uno che e’ il più semplice in assoluto.

Ecco a voi il codice:

<a href=”#” onmouseover=immagine.src=”immagine.png ”  onmouseout=immagine.src=”immagine_roll.png” >

<img name=”immagine” id=”immagine” src=”immagine.png”/>

</a>

Dove c’è scritto immagine.png inserite l’indirizzo dell’immagine base,

dove c’è scritto immagine_roll.png inserite l’indirizzo dell’immagine da visualizzare al passaggio del mouse.

Potete sostituire anche # con un qualsiasi collegamento.

Clicca qui per vedere un’esempio di utilizzo.