Rollover et images

Ted • 23rd avr 2009 • Script html • Rollover, Script

Exemple :

• Sans lien html

• Avec lien html :

Explication :
Code :

<img style= »border: 0px solid; width: 62px; height: 62px; » title= »vignette qui s’affiche au survol de votre bouton » onmouseover= »this.src=’ ./wp-content/2009/04/passo2.jpg’  » onmouseout= »this.src=’http://blog.ted.free.fr/wp-content/2009/04/passo1.jpg’ » src= »./wp-content/2009/04/passo1.jpg » alt= »texte alternatif  » />

Pour que votre bouton pointe vers une page :

<a href= »# »><img style= »border: 0px solid; width: 62px; height: 62px; » title= »vignette qui s’affiche au survol de votre bouton » onmouseover= »this.src=’./wp-content/2009/04/passo2.jpg’  » onmouseout= »this.src=’./wp-content/2009/04/passo1.jpg’ » src= »./wp-content/2009/04/passo1.jpg » alt= »texte alternatif  » /></a>

Images utilisées :