Vous pouvez utiliser une image changeante effet sur votre page Web pour accentuer vos boutons, bannières et images de menu. Lorsqu`un utilisateur déplace la souris planer au-dessus de l`image, il sera change à une seconde image jusqu`à ce que l`utilisateur déplace la souris hors de l`image. Pour que cela fonctionne, vous devez avoir les deux images hébergées sur un serveur en ligne. Vous pouvez ensuite utiliser un code javascript sur votre site pour faire le changement d`image sur une souris-over.
Téléchargez les deux images que vous souhaitez utiliser pour votre hébergeur ou un service d`hébergement d`image.
Notez l`adresse URL pour les deux images. Vous en aurez besoin lors de la création du code.
Sélectionnez le code javascript suivant, puis à droite, cliquez sur et choisissez "Copie" dans le menu:
onmouseout ="document.but.src = `Image1`"gt;
Ouvrez votre code de page Web dans un éditeur de texte ou en ligne.
droite, cliquez dans l`éditeur et choisissez "Pâte" pour coller une copie du code javascript.
Remplacer "URL" avec une adresse URL vers une page Web si l`image va créer un lien vers un autre site. Si l`image ne lie pas à un site, vous pouvez retirer le "= HREF"URL"" partie du code.
Remplacer les deux instances de "Image1" avec l`adresse URL pour la première image. Ceci est l`image normale d`un visiteur verra quand ne pas planer la souris sur l`image.
Remplacer "image2" avec l`adresse URL de la seconde image. Ce sera l`image du visiteur verra lors du survol de la souris sur l`image.
Remplacer "Imagename" avec le nom de l`image. Cela peut être le nom que vous choisissez.
Remplacer "alttext" avec le texte que vous souhaiteriez apparaître quand quelqu`un passe la souris sur l`image.
Enregistrer les modifications apportées à votre page Web et le publier. Lorsque vous affichez votre page Web, vous verrez la nouvelle image qui change lorsque vous passez votre souris dessus.
Conseils & Avertissements
- Ne retirez pas les guillemets lors de la modification de ce code ou le code ne fonctionnera pas.
