Titre: Lien sur un rollover distant... Comment ?
Posté par: requin le le 13-07-2008 a 22:03:18
Bonsoir,
Je viens d'installer un rollover en javascript sur l'accueil de mon site...
J'explique en image pour que tout le monde comprenne bien mon soucis...
L'image du haut (la plus grosse) change en fonction de la position de la souris... si cette dernière est présente sur l'une ou l'autre des miniatures... Le script fonctionne parfaitement, j'arrive à placer des liens sur les miniatures, mais pas sur la plus grosse des images.
Il faudrait que je puisse placer un lien sur la grosse image, mais que ce lien change en fonction de l'image qui se charge... Par exemple : Affichage de l'image 1 avec le lien 1, affichage de l'image 2 avec le lien 2...
Voici mon script :
Partie head :<script language="javascript">
<!--
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script> |
|
Partie body :<a href="http://forum.iciyatou.net" target="_blank" onMouseOver="distance.src=image1.src"><img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="distance.src=image2.src"> <img src="actualites/img-02.gif" border="0"></a> |
|
Auriez-vous une solution ?
Dans l'attente de vous lire, je vous souhaite une bonne soirée.
Laurent |
Titre: Re:Lien sur un rollover distant... Comment ?
Posté par: Krash le le 18-07-2008 a 19:38:24
Essaies avec ca:
Partie head :<script language="javascript">
<!--
function $(id) { return document.getElementById(id); }
image1 = new Image;
image1.src = "actualites/img-forum.png";
image2 = new Image;
image2.src = "actualites/img-duel.png";
//-->
</script> |
|
Partie body :<a href="http://forum.iciyatou.net" target="_blank" onMouseOver="distance.src=image1.src; $('dist').href=this.href;"><img src="actualites/img-01.gif" border="0"></a>
<a href="duel.html" onMouseOver="distance.src=image2.src; $('dist').href=this.href;"> <img src="actualites/img-02.gif" border="0"></a> |
|
Bien sur tu dois rajouter und id="dist" ou le nom que tu veux dans la balise <a> de ton image zoomé |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|