javascript - 新手帮助 : mouseover on image sometimes returning wrong image from image map

Question

设置 www.website.com/sds/(index.htm) 以便鼠标悬停在不同位置时显示图像。
出于某种原因，当您将鼠标悬停在蓝色气球上时，图像 2.jpg 和 3.jpg(在蓝色气球上来回移动鼠标)都出现(不同时)。只有 3.jpg(坐在椅子上的 child )应该出现在蓝色气球上。

2.jpg(在粉色气球上找到)在粉色气球上效果很好。
我用图像 2 和 3 的新坐标将 map 从“poly”更改为“rect”，认为这可能有帮助，但没有。2.jpg 在粉红色气球上显示良好。

感谢任何帮助，电脑

Answer 1

我已经为您的气球重新制作了区域，您那里的坐标非常困惑。只需将 n.jpg 替换为引用图像上该气球编号的文件名。

更新:将多边形更改为圆形，因为它们显示出一些不一致。希望这次能奏效。我们也可以关闭这个问题。

alt text 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()"/>