问题标签 [imagemap]

我想为图像映射中定义的每个区域显示不同的工具提示内容。是否有任何 jQuery 插件具有非常适合与图像映射一起使用的 API？我希望它对于工具提示内容的来源也很灵活，例如，内容可能包含在不可见 iframe 的锚元素中，或者它可能来自数据库。

谢谢

我有这样的图像地图

以及如何使用 jquery 为该区域动态着色

?

Canvas 元素是否有相当于img 的 map 的功能，所以可以在 canvas 元素上定义可点击区域？

在这里页面中间有一张地图的简短提及：http: //www.w3.org/TR/html5/the-canvas-element.html，但我找不到任何关于它的信息。

我的网站广泛使用图像地图。这些图像是中世纪手稿的页面。AREA 标记的 mouseOver 事件附有一个工具提示，它显示了鼠标悬停所在行的古代脚本的现代印刷转录。

我刚刚在 Apple Store 的 iPad 上查看了我的网站。iPad 在许多方面使用起来很有趣，但是，我想知道 Apple 将鼠标事件映射到手指触摸事件。苹果可能有充分的理由这样做，但他们的选择对我来说似乎违反直觉且过于复杂。

具体来说，iPad Safari 浏览器显然同时响应了 fingerDown 和 fingerTap，而且方式不同。当我点击图像地图的某个区域时，会显示连接到 AREA 标记的鼠标悬停事件的工具提示，并且在我点击其他地方之前一直保持可见。当我将手指放在图像地图的某个区域上时，该区域改变了颜色。因此，如果 iPad Safari 检测到 mouseOver 事件处理程序，它会在 click|tap 上执行 mouseOver 代码，并且显然会阻止“click”事件传播，所以如果您还有一些连接到 click 事件的东西，它就不起作用？那正确吗？

但更重要的是，为什么不是 fingerDown 的 iPad-Safari 对应的 mouseOver？在映射 mouseOver 事件时，FingerDown 似乎比 Tap 更有可能。我本来希望以这种方式映射事物：

如果Apple 将fingerDown 视为mouseOver 的对应物，那么工具提示可以在FingerDown 上显示并在fingerUp 上再次变为不可见，这将是mouseOut 的对应物。

也许有人可以启发我了解导致 Apple 开发这些特定的鼠标触摸事件映射的思考过程？谢谢

我设置了一个图像映射，并且图像映射中的每个区域都定义了一个 href。区域上的 href 包含指向我的应用程序中其他页面的 URL。我生成了一个小列表（ul，li），其中列出了区域标签的名称属性。我希望动态生成的 ul/lis 模仿区域标签的点击行为。为此，我设置了以下 jquery -

但上述仅适用于 ie6+。ff 不会触发点击事件。我也尝试了 click() 变体，但无济于事。

期待一些帮助。

谢谢 ：）

还记得 Web 0.9b 中的图像映射吗？我很好奇这个标签在 2010 年的状态。

鉴于白象技术的一些令人惊讶和成功的复兴（谷歌地图使用 Javascript，这在它首次出现时是新颖的，而 MySpace 迎来了动画 GIF 的复兴），今天是否有人以新的或有趣的方式使用图像地图？它们在当前浏览器中的表现如何，它们是否与当代 Javascript 技术或其他新技术配合得很好？

我正在创建一个 jQTouch 原型并想使用 Image Maps，例如：

出于某种原因，这似乎不适用于 JQTOUCH - 有人有这方面的经验吗？

我有一个使用维基百科灰色地图的各种成员的项目：http://en.wikipedia.org/wiki/Wikipedia: Blank_maps。我根据用户通过单击形状或选中复选框选择的国家、州或省为它们填充颜色。

我想编写一个脚本，通过以某种方式获取一个国家、州或省边界的 X 和 Y 像素位置，自动创建每个国家、州或省的图像地图，尽管没有这些实体的名称，我将填写之后。我已经手工完成了世界地图，找到了一个开源的美国地图图像地图演示。我现在想更快地创建我的地图。

我使用 PHP 和 GD 来填充形状，所以我想我也可以使用形状的一个中心像素位置。有什么建议么？这个脚本是一种可能性，但仍然有点手动：http ://abhinavsingh.com/blog/2009/03/using-image-maps-in-javascript-a-demo-application/ 。Mapedit，http://www.boutell.com/mapedit/，有一个魔杖功能，效果很好，但我再次感觉这可以自动完成。

我目前正在使用这个可点击的地图（Wolf's map），但除了作为脚本基础的国家名单之外，我还想使用第二个国家名单。出于演示的原因，第二个菜单不能与地图在同一个 DIV 中。我一直在搜索 JQuery 文档以了解如何触发对所选元素之外的另一个元素的操作，但我不确定我是否正确 - 可能不是因为它不起作用。

原始脚本如下所示：

我想做的是在悬停另一个不是#europe li a的元素时触发相同的动作。我试过这个：

它产生了一些效果，但不是预期的效果：看起来地图确实可以移动，但不能移动到好的位置（一些国家在第二个菜单上悬停几次后会得到白色背景）。

如果您能帮助我，我将不胜感激！

问候。

PS：一些相关的 HTML 和 CSS 部分。

原名单

我想添加的菜单

原始的 CSS

我在图像地图上使用 jQuery 工具提示插件。当图像的一部分悬停时，会出现提示。这是使用以下代码激活的：

图像映射的 html 设置如下：

我想让其中一个工具提示在页面首次加载时处于活动（或悬停）状态。我很难弄清楚如何做到这一点，或者是否有可能。

有没有人使用过这个插件并对我如何实现这个功能有任何想法？