10/02/2008

Code HTML Rollover :

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.weareplaystation.fr/ " onMouseOver= "if (document.images) document.banner1.src=' http://boxofpictures.blog.weareplaystation.fr/files/RESULTAT.bmp ';" onMouseOut= "if (document.images) document.banner1.src=' http://boxofpictures.blog.weareplaystation.fr/files/EXEMPLE.bmp ';"><img src=" http://boxofpictures.blog.weareplaystation.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.)

17:50 Publié dans BLOGMASTER | Lien permanent | Commentaires (0) | Tags : Rollover, Code, HTML, tutoriel

Les commentaires sont fermés.