Vous pouvez personnaliser les images sur votre site Web en leur permettant de basculer lorsque la souris survole ou hors eux. Merci à codage JavaScript, le processus ne prend que quelques minutes pour le faire. Vous aurez besoin d'utiliser au moins deux images dans le swap pour voir les images changent sur votre page Web. Il est important de nommer chaque ensemble d'images dans le changement, de sorte que votre navigateur peut détecter lequel des images sont en train de changer.
Instructions
1 Ouvrez le fichier HTML que vous souhaitez modifier.
2 Ajouter le code JavaScript suivant dans la section HEAD de votre page, afin que l'image peut changer vos rouleaux de la souris sur elle:
<Script language = \ Type "JavaScript \" = \ "text / javascript \">
fonction sur ()
{
document.getElementById(\"groupname1\").src = \"image1.jpg\"
ALLER
}
fonctionner Out ()
{
document.getElementById(\"groupname1\").src = \"image2.jpg\"
ALLER
}
</ Script>
3 Remplacer les noms d'image, "image1.jpg" et "image2.jpg" avec les noms réels de vos fichiers image. La fonction Over () affiche votre image quand quelqu'un roule au-dessus, tandis que la fonction Out () affichera quand la souris est en dehors.
4 Placez le code HTML suivant entre la section <BODY> de votre page, où l'image apparaît:
<Img id = \ "NomGroupe1 \" src = \ "image2.jpg \" onmouseover = \ "Over () \" onmouseout = \ "Out () \" />