问题标签 [imagemapster]

我正在使用插件 ImageMapster 并且我在使用 JavaScript 时遇到了困难。我正在尝试获取由数据库确定的状态以显示备用图像。然后这些状态链接到同一页面上的锚点。看来我目前所拥有的只是完全破坏了 JavaScript。这是我现在拥有的代码：

我从我的控制器得到一个 JSON 字符串：

我通过 Ajax 请求得到它，如下所示：

问题是这不保持我的字符串的格式。调用控制器操作表明它的 JSON 格式正确，但是一旦它来自我的 Ajax 请求，它就不是了。这里直接来自控制器：

在将变量传递给我的插件之前，有什么方法可以确保这是设置给变量的值？

我使用的插件叫做 ImageMapster。目前，我已经为它硬编码了 JSON，它可以按预期工作。

在我的 Cordova 项目中，我有一个带有多个可缩放图像的滑块（通过 iScroll），我想使用地图来突出显示某些区域。但我尝试了许多库，如 imagemapster.js、maphilight.js，但这些库阻止了图像的缩放功能。有没有我可以用来只突出显示区域的库。

任何帮助或想法。提前致谢！

I have referred below example: http://jsfiddle.net/jamietre/gjH5c/

I need exactly same functionality.

But change is - highlight all the areas on load. Hence used staticState: true. But use of the above option disabled effect of area highlight on click of the listed item.

What I need is - on click of list item, I want to highlight/select that corresponding area but at the same time keep the highlighting of other areas as it is with less opacity.

I tried changing the code for .mapster as below:

I also tried using .snapshot and .rebind method as shown in : http://jsfiddle.net/6maJw/

It didn't work. Please tell me if I am missing something.

Thanks a lot in advance

这是我的用例：

我的应用程序允许用户配置具有多种选项的产品。其中一些选项是用户可以为产品的许多区域选择的颜色。我正在使用 imagemapster 显示产品的“空白”图像（即...无颜色），并允许他们单击图像的不同区域（或从下拉列表中选择）以选择他们认为合适的颜色选项。

用户完成后，我希望能够将生成的图像（使用所选颜色）保存为 jpg 或 png 文件，以便存储回服务器上。然后，该图像文件将被应用程序的其他区域使用，在这些区域我无法使用 imagemapster 加载“空白”图像并使用 imagemapster 重新选择颜色选择。

这可行吗？如果是这样，谁能指出我如何实现这一目标的正确方向？

谢谢！

我有一个带有一些叠加层的响应式图像地图。

但它只会在我缩小浏览器窗口时调整大小，当我再次调整到大浏览器窗口时，它会保持我一直缩小到的最小尺寸。我究竟做错了什么？

调整大小时，它遵循 .page_content 的宽度，这是响应式的并且在调整大小时效果很好。我使用图像映射器。

这是我的代码：

我正在设置一个具有以下功能的页面：

1. 向用户显示 5 张图像。
2. 一些视觉效果绑定到图像。
3. 如果用户滚动到页面底部，则会加载另外 5 个图像。
4. <div>使用.html()函数更新容器的 Html 。
5. 视觉效果与新的 5 幅图像绑定。

视觉效果是使用Image Mapster突出显示图像的一些预定义区域。

问题：

添加新的五张图像后，所有先前图像的视觉效果都消失了。

问题：

调用该.html()函数是否会删除先前在现有 上设置的绑定html？

如何在html不删除以前设置的绑定的情况下更新？

这是代码的简化版本：

向下滚动时是否到达页面底部的代码检查：

代码显示另外 5 张图片：

该ImageMapster()函数所做的基本上是将可视化函数绑定到图像元素：

我在代码下方附上了视觉效果（为了完整性），但这对于这个问题并不重要。

视觉效果代码：

我使用以下代码创建了一个图像映射：

一次选择所有区域并且可见。有什么方法可以隐藏/禁用某些区域以使它们不可见吗？我想在某些条件下过滤区域。

我知道我可以从 javascript 级别删除 'area' 标记或 href 属性，然后再次调用上述代码（再次重新创建 imagemapster），但是还有更优雅和更智能的方法吗？也许有一些内置插件解决方案，但我找不到。

感谢您的任何帮助。亲切的问候马辛

我想做一个图像映射的例子，

http://jsfiddle.net/sb9j7/

但是我希望一旦您单击地图的活动区域而不是仅显示简单的文本，我希望在该区域中出现两个按钮，它们将在同一区域中调用数据库。

示例 点击胡萝卜图>而不是文本在上部出现两个按钮>该按钮一次是点击调用数据库

问题是这个区域只让我放简单的文字，不让我在上面做按钮 var xref = {carrots:

我不知道我做错了什么，谢谢您的指导。

我有一张图片，当您单击它时，它会转到另一个带有功能和图像映射的图像。但是在下一张图片上有文字说“回到其他图片”，但我无法让它转到上一张图片。

用户单击 mainmenu.png 并转到 moreinfo.png，如何使其返回 mainmenu.png？