Code HTML Rollover :

Publié le 10 février 2008 par Hoax

Le rollover permet de changer une image, lorsque le curseur de la souris passe sur celle-ci.

Pour se faire il vous faut donc deux images :

     

Pour obtenir un URL de vos images, effectuer un upload ; ensuite inserer les URL obtenus dans le code ci contre :

Voici le code HTML "vierge" (completez le avec vos informations personnelles)

<a href=" LIEN " onMouseOver= "if (document.images) document.banner1.src=' URL IMAGE 2 ';" onMouseOut= "if (document.images) document.banner1.src=' URL IMAGE 1 ';"><img src=" URL IMAGE 1 " name=banner1 border=0></a>

Ce qui donne en exemple :

<a href=" http://boxofpictures.blog.playersrepublic.fr/ " onMouseOver= "if (document.images) document.banner1.src=' http://boxofpictures.blog.playersrepublic.fr/files/RESULTAT.bmp ';" onMouseOut= "if (document.images) document.banner1.src=' http://boxofpictures.blog.playersrepublic.fr/files/EXEMPLE.bmp ';"><img src=" http://boxofpictures.blog.playersrepublic.fr/files/EXEMPLE.bmp " name=banner1 border=0></a>

Inserer le dans votre éditeur HTML (ou directement comme contenu) et vous obiendrez ceci :

/! Si vous utillisez plusieurs fois le code il est indispensable de changer les n° banner1, pour chaque code réalisé (par 3, 4 , 5, etc.)