Sujet Précédent Sujet Suivant

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

Réponse 1 / 1
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
FikFik
21 janv. 2010 à 15:20
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

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
Le voyant marche/arrêt clignote mais L' ordi ne s'allume pas !
Babeth -
Nji -

13 réponses
Pourquoi mon Devolo clignote rouge ?
Sellan1998 -
brupala -

8 réponses