问题标签 [imagemapster]

我正在为一个生物项目制作这个植物标签网页（这里： http: //nspowers.org/flower/flower-parts.html）。Using ImageMapster and many tutorials, I can get the image map to highlight on hover, but I cannot get the map to stay highlighted with a custom color when aa single plant part is selected.

我在 ImageMapster 网站上引用了使用 onClick 的示例，包括蔬菜托盘 ( http://jsfiddle.net/sb9j7/ )。但是，我无法将它正确地实施到这个项目中。当我尝试隔离 onClick 命令以了解它的工作原理时，它会中断。

我在项目的脚本中注释了 onClick 事件，因为它破坏了所有突出显示。以下是当前脚本：

我想学习如何使用 onClick 事件使所选区域充满颜色。这就是我现在所拥有的（在网页中，这被注释掉了，因为它破坏了所有悬停突出显示）。

我正在使用插件 Imagemapster 向图像映射添加突出显示和工具提示功能。它提供如下回调：

这是我的例子：

http://jsfiddle.net/5scbh/6/

如果您单击一个项目，我希望该项目的工具提示即使您鼠标悬停也能保持显示。我有点在那里，但问题是：如果您单击一个项目，然后将鼠标悬停在另一个区域然后鼠标移出......它不会将单击的项目的工具提示保留在鼠标移出上。

我喜欢鼠标悬停时工具提示会更改为您悬停的任何内容，但是一旦您将鼠标移出该区域或图像地图，我希望它返回显示已单击任何区域的工具提示。如果您取消单击单击的区域以便没有单击任何内容，则工具提示应该消失。

你能帮我做这件事吗？谢谢你。

当光标位于特定区域时，我想使用 ImageMapster 突出显示图像的各个部分并显示工具提示。我关注了 ImageMapster 网站上的演示，并使用干净的美国地图的 jsfiddle 来测试我的想法，即如何让部分突出显示和显示工具提示 ( http://jsfiddle.net/juvyh/2040/ )。

});

但是当我将它应用到我自己的图像（http://jsfiddle.net/Querido_Sarita/Gk28V/）时，我根本没有得到任何突出显示。

});

我使用 MapSpinner 进行映射并获取坐标。

据我将我的 html 与演示 html 进行比较可以看出，一切都应该工作。任何帮助将不胜感激。谢谢！

我正在使用 ImageMapster 来简单地修改悬停时的图像映射。但是，我的图像映射和 imagemapster 插件都遇到了一些问题。我的问题是：

1) 尽管我已经为我的图像定义了高度和宽度，但它的大小似乎会随着浏览器的变化而变化。在 Chrome 中，定义的多边形是完美的尺寸，但在 Firefox 中它们太小了。

2) 由于某种原因，ImageMapster 插件无法在 Chrome 中运行。

下面是我的代码：

这是一个演示：http: //jsfiddle.net/t6K8X/5/

如果您在 Chrome 中运行它，单击将导致图像周围出现轮廓，您将看到多边形的大小正确。但是，在悬停时不会发生任何事情。在 Firefox 中，悬停会导致出现较暗的多边形，但它们会太小。

任何建议都非常感谢。谢谢！！！

我正在使用 ImageMapster jQuery 插件，并且我想将可以在（图像）地图上进行的选择数量限制为特定数量。

假设我有 30 个区域，但只想同时选择 3 个。做出 3 次选择后，第 4 次选择应覆盖第 3 次。

有没有办法我可以做到这一点？任何帮助将不胜感激！

我正在使用 jQuery ImageMapster插件在图像地图上创建悬停效果。

我遇到的问题是悬停效果正在改变坐标，因此当您悬停时图像看起来会移动。

我检查过，图像看起来不错，图像上的宽度、高度、位置或任何内容都没有改变。但是如您所见，坐标发生了变化。

网站：http ://dev.marcell.co

当我测试了我所知道的所有内容时，我无法找到任何解决方法。

谢谢。

当鼠标悬停在图像热点上时，我正在使用 Imagemapster JavaScript 库生成数据。

该应用程序在除 IE9 之外的所有浏览器中都运行良好（将鼠标悬停在热点上时会显示一些数据）。我找不到任何解决方案。

我正在为我的公司绘制平面图，看看每个员工的办公桌在哪里，所以如果你想拜访某人，你可以很容易地事先找到他。

我<map>用很多<area>s 创建了一个，现在我正在使用ImageMapster来突出显示一个表格并在工具提示中显示有关员工的一些信息（照片、姓名、职位等（小名片））。

而且因为在 mapster 初始化中手动更改确实不是最佳选择areas，所以我想通过 PHP 加载工具提示的标题。

到目前为止，我已经做到了：

所以 outup<area>看起来像这样

但是工具提示没有显示，并且在控制台中没有错误。在萤火虫<script>看起来像这样：

我绝望地坚持这一点，希望有人知道如何使这项工作。

我被这个问题困住了——我img maps在单页上有 4 个。我在页面顶部有一个自动完成搜索字段，当输入要搜索的字符串时，每个地图上的区域都被突出显示。

我要做的最后一步是，当我选择建议的单词以仅突出显示 1 个相应区域（已完成）并移动（滚动）到该区域时。但我似乎无法让这个工作。

每个area都有独特的id像这样：

我希望如果我输入这个id（URL例如 index.php#1-1-7），它会跳转到对应area的，但它没有。我不知道这是否是 的标准行为，或者它是否是imageMapsterimg maps的某种问题，我正在使用它来实现出色的突出显示和工具提示。areas

我也尝试了jQuery.scrollTop()函数，但没有运气。

如果有人知道如何使这成为可能，我会很高兴尝试一下。

我在验证使用 imagemapster 的页面时遇到问题。

错误第 326 行，第 39 列：没有属性“名称”

但是，如果我删除名称，则图像映射不再有效！

.

看蔬菜演示：

http://jsfiddle.net/sb9j7/

如果我删除 redpepper 那么如果不起作用

那么如何让 imagemappster 在我的页面上工作和验证呢？

ps 我的文档类型是