Onmouseover+Map
Bonjour,
Voilà mon idée était de de changer une image au passage de la souris.
J'ai réalisé ceci a l'aide de la fonction onmouseover, mais j'ai voulu rajouter sur l'image quelques liens que j'ai créé à l'aide de MAP.
Mais j'ai un petit problème, c'est lorsque je passe la souris sur ces liens, l'image revient à l'initial, alors qu'elle devrait rester pareil.
En fait, cela réagit comme si la souris quitter l'image, et je ne comprends pas.
Je n'ai pas envi d'utiliser de rollover si cette solution que vous me proposez.
Voici mon code:
<img src="images/traceurrealisations1.jpg" border=0 width="386px" height="550px" usemap="#Map" alt=""
onMouseOver="this.src='images/traceurrealisations.jpg';" onMouseOut="this.src='images/traceurrealisations1.jpg';">
<map name="Map" id="Map">
<area shape="rect" coords="317,517,372,538" href="index.html" >
<area shape="rect" coords="51,178,67,194" href="#">
<area shape="rect" coords="319,382,337,398" href="#" >
</map>
Voilà mon idée était de de changer une image au passage de la souris.
J'ai réalisé ceci a l'aide de la fonction onmouseover, mais j'ai voulu rajouter sur l'image quelques liens que j'ai créé à l'aide de MAP.
Mais j'ai un petit problème, c'est lorsque je passe la souris sur ces liens, l'image revient à l'initial, alors qu'elle devrait rester pareil.
En fait, cela réagit comme si la souris quitter l'image, et je ne comprends pas.
Je n'ai pas envi d'utiliser de rollover si cette solution que vous me proposez.
Voici mon code:
<img src="images/traceurrealisations1.jpg" border=0 width="386px" height="550px" usemap="#Map" alt=""
onMouseOver="this.src='images/traceurrealisations.jpg';" onMouseOut="this.src='images/traceurrealisations1.jpg';">
<map name="Map" id="Map">
<area shape="rect" coords="317,517,372,538" href="index.html" >
<area shape="rect" coords="51,178,67,194" href="#">
<area shape="rect" coords="319,382,337,398" href="#" >
</map>
Configuration: Windows Vista Firefox 2.0
3 réponses
-
Re, désolé il est un peu normal que cela réagisse comme tel, mais si quelqu'un pouvait me guider car je pense qu'il faut utiliser du javascript pour que lorsque la souris passe sur le lien, l'image reste pareil.
Merci pour tout éventuel réponse!
Cordialement. -
Personne ne pourrait m'aider?
-
Je refais monter mon petit sujet, j'attends toujours aurait l'amabilité de m'aider