5568 sujets

Sémantique web et HTML

Problème 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>


Merci d'avance pour votre aide.

Cordialement.
Je remonte un peu mon sujet pour pas qu'il tombe dans l'oubli Smiley lol Smiley decu

Personne pourrait me guider, je sais pas, quelque chose à me proposer, n'importe quoi je suis prenant. Smiley smile
Ben... ton étonnement est lui-même étonnant :
1. tu demandes à ce qu'au passage de la souris sur l'image celle-ci change => ça le fait
2. tu demandes ensuite à ce que lorsque le pointage quitte l'image (par exemple pour aller sur un des liens) l'image revienne au départ => ça le fait aussi
Sur <img> il y a bien le comportement attendu. Si tu souhaites le retrouver aussi sur <area>, il faut coder en conséquence.
Merci tout d'abord pour ta réponse Arsène! Smiley smile

Et je voulais savoir si tu pouvais me guider ou même si tu avais des liens à me proposer pour pouvoir réaliser cela...

Merci d'avance pour ton aide!
Sujet clos
Aller à