Помощь новичку: наведение мыши на изображение иногда возвращает неправильное изображение с карты изображения

Question

Настройте www.website.com/sds/ (index.htm), чтобы при наведении курсора на различные места отображалось изображение.
По какой-то причине изображения 2.jpg и 3.jpg (переместите мышь назад и вперед на синем шарике) оба появляются (не одновременно), когда вы наводите курсор мыши на синий шарик. Только 3.jpg (ребенок в кресле) должен появиться на синем шаре.

2.jpg (находится на розовом шарике) отлично работает на розовом шарике.
Я изменил карту с «poly» на «rect» с новыми координатами для изображений 2 и 3, думая, что это может помочь, но это не помогло. 2.jpg отлично подходит на розовом шаре.

Любая помощь приветствуется, PC

Answer 1

Я переделал области для ваших воздушных шаров, у вас там было довольно много координат. Просто замените n.jpg именем файла для этого номера на контрольном изображении.

Обновление: Заменены полигоны на круги, так как они показывают некоторые несоответствия. Надеюсь, на этот раз это работает. И мы можем закрыть этот вопрос тоже.

альтернативный текст http://thismayhem.com/img/stackoverflow.png

И вот коды для каждого из них:

<area shape="circle" coords="231,49,46" href="" onmouseover="changeImage('1.jpg')" onmouseout="resetImage()"/> 

<area shape="circle" coords="273,112,31" href="" onmouseover="changeImage('2.jpg')" onmouseout="resetImage()"/> 

<area shape="circle" coords="169,150,33" href="" onmouseover="changeImage('3.jpg')" onmouseout="resetImage()"/> 

<area shape="circle" coords="97,159,32" href="" onmouseover="changeImage('4.jpg')" onmouseout="resetImage()"/> 

<area shape="circle" coords="134,59,38" href="" onmouseover="changeImage('5.jpg')" onmouseout="resetImage()"/>

<area shape="circle" coords="67,87,28" href="" onmouseover="changeImage('6.jpg')" onmouseout="resetImage()"/>