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>Configuration: Mac OS X
Firefox 3.0.14
Agrandir une image
