changer d'image au survol de la souris sur une zone

Bonjour,

J'ai trés peu de connaissances en code HTML.

Je cherche un code permettant d'afficher une nouvelle image lors du survol de la souris sur une zone. En fait il s'agit d'une carte de france divisée en région avec une région qui change de couleur lors du survol de la souris et qui renvoit vers une autre page lors du clic sur cette région.

J'utilise ce code qui fonctionne parfaitement sur dreamweaver mais une fois dans IE lors du survol de la souris l'image disparait :

Code:

---

1 2 3 4 5 6

<img src="http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png" usemap="#map" name="img" border="0"> <map name="map"> <area shape="poly" coords="175,261,180,259,183,263,187,263,190,263,195,269,195,272,202,274,208,269,214,265,218,271,218,277,221,288,224,294,230,299,230,303,226,309,222,313,219,313,218,319,208,319,207,323,205,327,201,328,190,328,184,327,180,331,180,334,183,340,186,343,183,348,182,351,182,354,188,354,191,356,185,359,180,360,177,360,171,357,167,356,162,353,154,351,153,349,147,347,142,352,134,353,127,350,118,347,115,344,118,339,121,334,124,328,127,323,125,317,123,314,121,311,122,303,130,299,137,297,148,297,156,292,157,285,160,279,167,272,171,264" href="http:.../garage-midi-pyrenees-f51/" alt="Garage Midipyrenees" target"_self" onmouseover=document.img.src='"http://i14.servimg.com/u/f14/11/74/57/55/carte_16.png"'; onmouseout=document.img.src='"http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png"'>

---

Je doit avoir une erreur quelque part ....

Merci d'avance pour votre aide.

bonjour,

essaie deja ceci :

Code:

---

1 2 3 4 5 6

<img src="http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png" usemap="#map" name="img" border="0" id="mon_image"> <map name="map"> <area shape="poly" coords="175,261,180,259,183,263,187,263,190,263,195,269,195,272,202,274,208,269,214,265,218,271,218,277,221,288,224,294,230,299,230,303,226,309,222,313,219,313,218,319,208,319,207,323,205,327,201,328,190,328,184,327,180,331,180,334,183,340,186,343,183,348,182,351,182,354,188,354,191,356,185,359,180,360,177,360,171,357,167,356,162,353,154,351,153,349,147,347,142,352,134,353,127,350,118,347,115,344,118,339,121,334,124,328,127,323,125,317,123,314,121,311,122,303,130,299,137,297,148,297,156,292,157,285,160,279,167,272,171,264" href="http:.../garage-midi-pyrenees-f51/" alt="Garage Midipyrenees" target"_self" onmouseover="document.getElementById('mon_image').src='http://i14.servimg.com/u/f14/11/74/57/55/carte_16.png'" onmouseout="document.getElementById('mon_image').src='http://i14.servimg.com/u/f14/11/74/57/55/carte_14.png'">

---

:fleche: ajout d'un ID à l'image afin d'utiliser la fonction getElementById et modif de la syntaxe javascript

Bonjour,

Que dire à part, merci beaucoup beaucoup pour ce coup de pouce qui m'évite de perdre beaucoup de temps .

Le code marche à merveille :ccool:

Encore merci de ton aide.