设置www.website.com/sds/(index.htm),以便鼠标悬停在各个地方显示图像。
出于某种原因,当鼠标悬停在蓝色气球上时,图像2.jpg和3.jpg(在蓝色气球上来回移动鼠标)都会显示(不是同时)。只有3.jpg(椅子上的孩子)应该出现在蓝色的气球上。
2.jpg(在粉红色气球上找到)在粉红色气球上工作正常 我将地图从“poly”更改为“rect”,新的coords用于图像2和3,这可能会有所帮助,但事实并非如此。 2.jpg在粉红色的气球上很好。
任何帮助表示赞赏, PC
答案 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()"/>