Problème rollover onmouseover image clignote

Fermé
peek - 25 oct. 2009 à 07:41
 FikFik - 21 janv. 2010 à 15:20
Bonjour,

J'essaie de réaliser une carte de France mappée avec un effet de roll-over sur chaque région.
Le principe, j'ai ne image de fond sur laquelle je place mes coordonnées map.
Pour chaque région, j'applique un effet "onmouseover / onmouseout" qui appel deux fonctions javascript (showMe & hideMe)
La fonction showMe fait appel à un div (image) qui correspond à la région en question qui vient se caler au dessus de la région en question.
Le problème que je rencontre : lorsque j'ai le curseur sur la région, l'image qui apparaît en roll-over n'est pas fixe et clignote très rapidement.
Je ne comprends pas de ou cela peut venir, quelqu'un pourrait m'éclairer ?

Merci d'avance

Voici mon code :

<head>
<script type="text/javascript">
var zz=0;
function showMe(what)
{
document.getElementById(what).style.display = 'block';
}
function hideMe(what)
{
if (zz == 0)
document.getElementById(what).style.display = 'none';
}
</script>
</head>

<body>
<div id="nord" style="display: none; position: absolute; top: 24px; left: 160px;"><img src="gifs/carte_nord_over.gif" width="58" height="38" /></div>

<img src="gifs/cartedefrance.gif" width="305" height="350" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="149,33,149,16,169,8,173,22,183,18,186,29,193,30,194,35,200,32,204,45,166,42,168,36" href="#"  onmouseover = "showMe('nord');" onmouseout = "hideMe('nord');"/>
</map>

</body>
</html>
A voir également:

1 réponse

incaout Messages postés 347 Date d'inscription lundi 8 septembre 2008 Statut Membre Dernière intervention 15 novembre 2012 74
25 oct. 2009 à 09:22
Salut.

Peut être est ce du à l'apparition de ta seconde image. Le pointeur de la souris est détecté sur la région nord de ta carte de france. Il affiche à cet endroit l'image de la région nord et du coup, il n'est plus sur la carte de france initiale, donc il applique le mouseout qui cache la seconde image. Et de fait, il revient sur la première image et applique le mouseover qui affiche la seconde image et ainsi de suite. C'est une hypothèse.

Peut être mettre le mouseout sur l'image du département affiché.

Tiens moi au courant, cela m'intéresse de savoir ;)

A+

IC
0
That's it!!!
Merci bcp incaout!! c'est juste ça le pb de mon coté...
Mais ca m'a pris un bon bout de temps pour trouver ce qu'allait pas...

A+
0