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

发布于 2024-08-16 08:46:37 字数 293 浏览 4 评论 0原文

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

2.jpg(在粉色气球上找到)在粉色气球上效果很好。
我将地图从“多边形”更改为“矩形”,并使用图像 2 和 3 的新坐标,认为这可能会有所帮助,但事实并非如此。 2.jpg 在粉色气球上效果很好。

任何帮助表示赞赏, 个人电脑

Have www.website.com/sds/ (index.htm) set up so that a mouseover on various places shows an image.
For some reason image 2.jpg and 3.jpg (move mouse back and forth on blue balloon) are both showing up (not at same time) when you mouse over the blue balloon. Only 3.jpg (child in chair) should show up on the blue balloon.

2.jpg (found on pink balloon) works fine on pink balloon.
I changed the map from "poly" to "rect" with new coords for images 2 and 3 thinking that may help but it did not.
2.jpg comes up fine on pink balloon.

Any help appreciated,
PC

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

君勿笑 2024-08-23 08:46:37

我已经为你的气球重新制作了区域,你那里的坐标相当混乱。
只需将 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()"/>

I've re-made the areas for your balloons, you had quite a mess of coords right there.
Just replace the n.jpg with the file name for that balloon's number on the reference image.

Update:
Changed the polygons to circles since they're showing some inconsistencies.
Hope this time it works. And we can close this question too.

alt text http://thismayhem.com/img/stackoverflow.png

And those are the codes for each of them:

<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()"/>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文