[6]

Pour y remédier, il existe une technique qui superpose les deux images l'une sur l'autre (la seconde étant masquée par la première) dès le chargement de la page.

Pour cela, nous placerons notre image dans un bloc conteneur, ici #lien.

Code CSS :
#lien {	/* "lien" sera notre conteneur, ici la balise div */
position:********;	/* placement de l'image-lien, à vous d'adapter */
left: 200px;	/* dimensions selon l'image, à vous d'adapter */
top: 50px;
width: 100px;
height: 100px;
background: url(image2.gif) top left no-repeat;	/* placement de l'image 2 au second plan */
}

#lien a {	/* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;
background: white url(image1.gif) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;

}

#lien a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

EDIT: J'avais mal lu.Le javascript c'est mal.Comme je l'ai déja dit, beaucoups de gens le desactive.C'est facilement faisable en css comme dit plus haut.