问题标签 [imagemap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
8671 浏览

javascript - 图像地图的绘图点

我想在我的网页上的图像地图中添加自动区域突出显示。我发现 mapper.js 库在实现这一点方面非常有用,但是围绕区域地图创建 x,y 图非常耗时。

有没有一种快速的方法来创建不规则多边形的边界坐标,例如可以在区域地图上找到?

编辑
必须有办法做到这一点。我的 Windows PC 上有 Fireworks 8 和 Photoshop CS3,但我更熟悉 Fireworks。

如果我创建一个选取框,我可以右键单击 > 修改选取框 > 转换为路径。这会创建一个包含多个点的路径,但我不知道如何进行下一步,即提取这些点的坐标。

我尝试插入一个热点、一个多边形切片,然后导出到“html 和图像”。这两个都给了我方形热点,而不是多边形。我还尝试右键单击路径和编辑 > 复制路径大纲,以及编辑 > 复制 Html 代码。也不给我多边形坐标。

我只能获得切片的多边形坐标。有没有办法将路径转换为 ​​Fireworks 8 中的切片?

0 投票
1 回答
421 浏览

javascript - 可以链接图像地图以打开浏览文件控制器吗?

我希望用户能够单击我的应用程序选项卡 1 上的图像,该图像将打开文件浏览器以上传照片。这可能吗??

0 投票
4 回答
16080 浏览

javascript - 在 JavaScript 中突出显示图像的一部分

我运行一个小网页,允许用户使用图像地图点击各种链接。我想突出显示用户单击以向用户提供一些反馈的部分(他们可能会快速单击几个不同的部分)。

有没有办法可以反转(或以其他方式突出显示)图像 JavaScript 的一小部分?

0 投票
1 回答
1817 浏览

javascript - 如何在 Image Map Mouse Over 中获取图像的 ID

假设您有两个使用相同图像映射的图像。

有什么方法可以在 testFunction() 中获取图像的 ID(在本例中为 image1|image2)?

0 投票
1 回答
1550 浏览

safari - 如何修复 Safari 中的图像映射?页面缩放时损坏

Safari 4 显然有一个严重的图像映射错误 - 当页面缩放到 100% 以外的任何内容时,可点击区域会失去注册。它几乎使图像映射无法使用。

这不是我的页面,但它显示了问题;在 safari 中放大或缩小,然后单击一个形状: http ://www.elated.com/articles/creating-image-maps/

图像地图和泥土一样古老,如果我将它们更改为 css 定位链接,我将失去拥有非方形区域的能力。有谁知道解决方法?

0 投票
6 回答
8538 浏览

html - 如何可视化/调试图像映射?

我正在为我拥有的图表工具动态生成图像映射。

我希望能够在区域标签上设置边框或颜色,这样我就可以检查是否使用正确的坐标生成了所有内容,但一些研究表明这是不可能的。

那么检查我的图像映射是否正确的最简单方法是什么?是否有任何浏览器工具可以“可视化”这些区域?

0 投票
1 回答
1508 浏览

javascript - 锚标签和图像映射

如何将锚标记与图像映射相关联?

假设,我将鼠标悬停在一个锚标记上,它应该选择图像上的映射区域。

像这样的http://myffi.biz/。这是在闪存中,但是可以使用图像映射来完成吗?您将鼠标悬停在链接上,它应该选择图像上的映射区域。

这可能吗?我希望我很清楚

0 投票
5 回答
10439 浏览

javascript - jQuery轻量级tooltip脚本推荐

我正在为工具提示寻找一个轻量级的 jQuery 脚本,它是轻量级的,可以很容易地与图像地图一起使用......理想情况下,它会自动将每个区域标签的“标题”用作工具提示。这是一个问题的原因是我有数百个区域(它是一张世界地图),并且每个工具提示的一行代码很快就会增加文件大小。

qTip 可以做到这一点……但它的 38kb……甚至超过了 jQuery 本身。有什么建议吗?

0 投票
1 回答
913 浏览

javascript - Javascript 生成的图像地图不在任何 IE 中链接

在这个静态版本中,在任何浏览器中,您都可以点击关闭区域跳转到http://www.google.com

这个动态版本应该是相同的,并且在除 IE6、IE7 和 IE8 之外的所有浏览器中都有。在 IE 中,映射不起作用。

有没有办法在 IE 中制作 Javascript 生成的图像映射?我已经试过$(document.ready(...了。

0 投票
2 回答
264 浏览

javascript - javascript和图像映射问题

我承认,我是一个 JavaScript 菜鸟。我当前任务的一部分是当用户将鼠标悬停在第一个 .png 的左上角时,我试图将一个 .png 文件替换为另一个 .png。当他关闭鼠标时,.png 需要恢复为初始的 .png 文件。

我正在尝试使用图像映射和 java 脚本来完成此操作。我在第 17 行收到以下错误:

第 17 行是下面的“area coords=...”行:

我知道我一定错过了一些简单的东西。提前感谢你的帮助。

麦克风