新手帮助:鼠标悬停在图像上有时会从图像映射返回错误的图像

时间:2009-12-23 02:54:22

标签: javascript html image-processing web mouseover

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

2.jpg(在粉红色气球上找到)在粉红色气球上工作正常 我将地图从“poly”更改为“rect”,新的coords用于图像2和3,这可能会有所帮助,但事实并非如此。 2.jpg在粉红色的气球上很好。

任何帮助表示赞赏, PC

1 个答案:

答案 0 :(得分:2)

我为你的气球重新制作了区域,你那里的电源线很乱。 只需将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()"/>