Il vous faut donner un nom à l'image lorsque le curseur est hors-image et demandé que le navigateur charge préalablement l'image qui sera affichée lors du passage de la souris, ceci se faisant grâce la fonction onload :

<IMG NAME="nomimage" WIDTH=100 HEIGHT=50 BORDER=0 SRC="locationimage1" onLoad="tempImg=new Image(hauteurdelimage2,largeurdelimage2); tempImg.src='locationimage2'">


Ensuite dans votre lien vous insèrez la location de la deuxième image qui sera affichée lorsque la souris est sur l'image (onMouseOver) et de nouveau celle de la première image lorsque le curseur quittera l'image (onMouseOut) :

<A HREF="votrepage.html" onMouseOver="if (VersionNavigateur(3.0,4.0)) nomimage.src='locationimage2' " onMouseOut="nomimage.src='locationimage1' ">


Ce script n'étant pas compatible avec MSIE 3.0, n'oubliez pas la fonction VersionNavigateur située dans la tête du document.

Voir la source du script