Pour faire un changement d'image lorsque votre souris passe au dessus d'une image de départ, vous devez d'abord et avant tout avoir deux image de même dimension et vous devez connaître ces dernières. Suivez par la suite les étapes suivantes:

1. Copiez le texte suivant au début de votre page: <script language="JavaScript">

   function VersionNavigateur(Netscape, Explorer) {
   if ((navigator.appVersion.substring(0,3) >= Netscape && navigator.appName == 'Netscape') ||
   (navigator.appVersion.substring(0,3) >= Explorer && navigator.appName.substring(0,9) == 'Microsoft'))
   return true;
   else return false;
   }

   </script>

   Cette fonction sert à vérifier la version du navigateur.
   
2. Copiez ensuite ce texte à l'endroit où vous allez mettre votre image: <a href="mouseov.htm"
   onmouseover="if (VersionNavigateur(3.0,4.0)) img1.src='adresse/image2.gif' "
   onmouseout="img1.src='adresse/image1.gif' ">
   {image}
   </a>
   Note:
   1. Avec cette méthode, nous sommes obligé de mettre un lien vers une autre page. Si vous ne désirez pas que l'utilisateur change de page, remplacez le texte fichier.htm par le nom du fichier courant. Si par contre vous voulez que l'utilisateur arrive sur une autre page en cliquant sur l'image, remplacez ce texte par l'adresse du fichier à atteindre.
   2. Vous devez remplacez le texte adresse/image2.gif par l'image qui apparaîtra lorsque votre souris sera sur l'image1. ^*
   3. Vous devez remplacez le texte adresse/image1.gif par l'image qui apparaîtra lorsque votre souris ne sera pas sur l'image.^{* *}Exemple:
      Dans un répertoire, j'ai mon fichier a.htm et un répertoire image qui contient mes images nommées dessin1.gif et dessin2.gif. Si je veux remplacer le texte adresse/image1.gif par mon dessin 1, je devrai écrire image/dessin1.gif
      
3. Je dois maintenant insérez l'image qui sera affichée au chargement de la page:
   1. Sélectionnez et effacez le texte {image} dans ce que vous venez d'insérer
   2. Allez cliquez sur le bouton image dans le dossier Spécialisé
   3. Dans "Image principale", entrez l'adresse de l'image 1
   4. Dans "Nom identificateur", entrez img1

   5. Cliquez sur le bouton script (

      )

   6. Sélectionnez l'option "Sur chargement"
   7. Copiez le texte suivant à l'endroit où on demande le nom de la fonction:
      tempImg=new Image(0,0); tempImg.src='image/020601.gif'
   8. Cliquez sur OK
   9. Cliquez sur OK