Lien sur un rollover distant. Comment ?

Salut Laurent,


Je suppose que "distance" est l'ID de ta balise "img" représentant la grande image ? Dans ce cas tu as aussi englobé cette balise avec la balise de lien <a href=""> ... Et donc cette balise peut avoir un ID et donc tu peux remplacer la propriété "href" dynamiquement exactement comme tu le fais avec la propriété "src"... (étonnant que ça fonctionne d'ailleurs, teste bien avec FireFox parce que ce n'est pas la bonne méthode).

Dans ton onMouseOver tu peux exécuter plus d'une instruction si tu les sépares par un point virgule. Cependant, afin de t'éviter des histoires d'échappement de caractères je te conseille de procéder par l'appel d'une seule fonction qui va réaliser tes deux instructions à savoir :

1. La remplacement de l'image grande.
2. Le remplacement du lien pour cette image.

En gros ça donne ceci :

function changeLien2() {
	distance.src=image2.src; // Vérifie bien cette instruction avec d'autres navigateurs que IE
	document.getElementById("gdImage").href = "http://siteimage2.com";  // Là je remplace le lien d la grande image.
}
//-->
</script>

<a id="gdImage" href="">lien vers la grande image</a> <!-- au début mon href est vide -->

<a href="http://forum.iciyatou.net" target="_blank" ><img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="changeLien2();"> <img src="actualites/img-02.gif" border="0"></a>
</body></html>

- "gdImage" est le nom que j'ai donné à la balise "a" qui contient ta balise "img" (ici j'ai juste mis du texte).
- La fonction changeLien2 va référencer cette balise et remplacer le lien après avoir changé l'image.
- Dans ton onMouseOver de la deuxième petite miniature j'ai fait appel à cette fonction.
- A toi de faire pareil pour la première miniature par une fonction "changeLien1" par exemple.

Bon courage !

Salut Laurent,

Oui l'astuce est de référencer tes balises uniquement par la méthode "document.getElementById" comme je l'ai fait pour la balise ayant pour identifiant "gdImage". Fais pareil pour "distance". C'est une méthode qui fonctionne sur tous les navigateurs contrairement à celle qui consiste à référencer la balise en indiquant uniquement son nom comme s'il s'agissait d'une variable JavaScript. Ce n'est pas grand chose à modifier.