Problème onMouseover dans un area

[inviteee5f3745]

Comme le dit mon titre je n'arrive pas à faire fonctionner un onMouseover dans un area.

J'explique mon problème, j'ai une image ou j'ai dessus 4 pièces de puzzle.
j'ai crée 4 area pour chacune des pièces, et j'aimerais qu'au survole par exemple de la première pièce de puzzle s'affiche la même pièce avec une lumière, j'ai donc crée 4 fois la même image avec la pièce modifié.

Maintenant j'obtient le code html suivant:

<area shape="poly" coords="493,307,583,358,493,30 7" href="recherche.html"/>


J'ai crée un div juste au dessus de mon image principale:

<div style="position:absolute;left: 500px ;right: 500px ;height: 500px ;width: 500px ;" onmouseover="changeImage();"></div>

Alors sa ne marche pas, donc je demande votre aide pour m'indiquer la marche à suivre cordialement.
-----

[invite66f9e0a2]

Salut, as-tu bien définie tes balises area entre la balise <map> pour la rendre réactive et ne pas oublier de donner la reference a l'image de ta Map name ainsi :

<map name="maCarte">

<area shape="poly" coords="..................." href="#..."
......
......
</map>

<img src="Url de l'image" usemap="#maCarte">

j'espère que cela aura résolu ton probleme