Дергается картинка при onmouseenter или onmouseover

V

Vallium

Профессор
Регистрация
22 Авг 2014
Сообщения
225
Реакции
46
Ситуация такая - есть картинка с image map. При наведении на зеленый кружок должна отобразиться визуальная подсказка (как на картинке). Она появляется НО дергается все время. Пробовал варианты и с onmouseenter и с onmouseover - результат один. Как можно решить проблему?
Screenshot_1.jpg

PHP: 
<script>
function shw(val) { if (document.getElementById("l1_"+val).style.display != "block") {document.getElementById("l1_"+val).style.display = "block";} }
function hd(val) { if (document.getElementById("l1_"+val).style.display != "none") {document.getElementById("l1_"+val).style.display = "none";} }
</script>
</head>
<body>

<div>
<img src="img/l1_0.jpg" alt="" usemap="#map" />
<map name="map">
    <area shape="circle" coords="359, 424, 9" href="3" alt="3" title="3" onmouseover="shw(3);" onmouseout="hd(3);"  />
    <area shape="circle" coords="367, 164, 8" href="1" alt="1" title="1" onmouseenter="shw(1);" onmouseleave="hd(1);" />
</map>
<div id="l1_1"><img src="img/l1_1.png"><div id="l1_3"><img src="img/l1_3.png"></div>
</div>
 
Vallium написал(а):
а что это даст такая привязка?
Нажмите для раскрытия...
Как я понял из вашего поста "дёргания" происходят в момент, когда курсор находится над показываемой картинкой. Т.е. события постоянно сменяют друг друга из-за того, что курсор находится то над полем area, то над картинкой.
 
я пробовал вариант когда картинка отображается рядом с ареа - тоже дергается
 
Vallium написал(а):
я пробовал вариант когда картинка отображается рядом с ареа - тоже дергается
Нажмите для раскрытия...
Ну тогда хз. Скорее всего что-то с вёрсткой. Может быть сам контейнер в котором картинка заступает на область area - т.е. контейнер шире/выше картинки.
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху