Téléchargez les deux images que vous souhaitez utiliser pour votre hébergeur ou un service d'hébergement d'images.
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; souris 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.
droit; cliquez à l'intérieur de 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.
Remplacez les deux instances de "Image1" avec l'adresse URL pour la première image. Ceci est l'image normale d'un visiteur verra pas quand la souris passe sur l'image.
Remplacer "Image2" avec l'adresse URL de la deuxième 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 n'importe quel 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 dans votre page Web et le publier. Lorsque vous affichez votre page Web, vous pourrez voir la nouvelle image qui change lorsque vous passez votre souris dessus.