问题标签 [imagemapster]

我已经使用 ImageMapster.js 成功创建了一个图像映射，但我遇到了一个问题。我的客户希望在页面加载时选择一个区域，并且当用户将鼠标悬停在地图上时，所选区域会被取消选择并且行为与其余区域一样。但是我似乎无法弄清楚如何实现这一目标。所选区域始终保持选中状态。这是我的初始代码：

我知道使用 selected: true 会使该区域一直被选中，但它是我能找到的唯一一个在页面加载后直接选择该区域的函数。我试图弄清楚如何创建一个新状态，该状态将在鼠标悬停时重置所有初始设置。我尝试了几件事（例如修改甲壳虫乐队的演示代码），但我无法让 area_1 在鼠标悬停时取消选择。

我希望有人可以帮助我或告诉我这个脚本是否可行。

我想使用 ImageMapster 作为高光的“非智能存储”。我将它与 AngularJS 一起使用，我需要在 Angular 范围内跟踪高亮状态等。但是当我单击高亮区域时遇到问题，因为 Mapster 设置了它自己的状态，这与我的 Angular 范围发生冲突。

我想要所有其他功能，我只想在 mapster 中禁用单击事件操作上的突出显示。这可能吗？

是否可以将 ImageMapster 与多个图像和地图一起使用？

在我的场景中，有多个图像。每张图片都有自己独特的地图，一次只显示一张图片。当单击一个图像的一部分时，它会更改为具有不同地图的另一个图像。我通过直接更改元素的“src”和“useMap”值来做到这一点。但是，ImageMapster 只会对第一张图像起作用，其余的不会突出显示。我曾尝试在更改图像/地图之前和之后取消绑定和重新绑定 ImageMapster，但这无济于事。

如何使用 ImageMapster 进行这项工作？

在图像上标记房间：

• 售罄
• 预订的
• 出售

每个组都有自己的颜色。当我将一个房间悬停在“待售”时，这会突出显示该组中的所有房间。但我只想强调这一点。

这是 HTML 代码：

ImageMapster 代码：

color=red 表示此房间已出售 color=green 表示此房间正在出售 .... 等等

因此，当我通过鼠标悬停在该房间上检查房间状态时，此代码会用 color=red 突出显示所有其他代码，但我只想突出显示这个代码。

我尝试使用iviewer来缩放和平移 imagemapster，但是通过 iviewer 加载图像时无法让 imagemapster 工作。也许这是不可能的？图片 url 必须作为 iviewer 函数的参数传递给 iviewer。我尝试使用 jquery 后缀将 classname 和 usemap='#map' 添加到图像中，以便 imagemapster 可以访问图像映射，但是虽然 classname 和 usemap 值在生成的 html 中可见，但 imagemapster 显然无法访问它们，或者不知何故不起作用。

关于如何在这里满足我的目标的任何提示？

我正在尝试使用 Jquery 和 Imagemapster js 代码设置网页。在页面中，我有一个带有 iframe 的广告字母图，每次单击一个字母时，相关页面（a.html、b.html 等）都会加载到框架中。

所有这些在 Firefox 中都可以正常工作，但在 IE(8) 中存在两个问题：

1. 第一次加载页面时，iframe 本身不会加载，直到我按下其中一个字母

2. 如果我按 F5 或使用浏览器选项重新加载页面，则会显示警报“Stack overflow at line: 686”，但我的代码中没有那么多行。

你能帮我吗？先感谢您。

这是我的代码：

我使用 mapster 制作了一个包含 9 个区域的图像地图。现在单击一个区域会导致在图像地图上方显示一些文本。我想显示来自多个文件夹的图像，具体取决于所选区域。在图像映射上选择区域“kamer1”时，我希望文件夹“/kamer1”中的所有图像都显示在图像映射上方。

这是我第一次使用 JavaScript，所以对于外面的人来说这是一个简单的问题。

我制作了一个 JSFIDDLE：http: //jsfiddle.net/BTnV2/7/

HTML：

JS：

我正在尝试使用 ImageMapster jQuery 为多边形图像地图创建悬停区域，但悬停区域不起作用。图像映射正常工作，但悬停效果不起作用。当您将鼠标悬停在每个六边形上时，我希望每个六边形都能改变颜色。

图像映射代码：

使用 ImageMapster jQuery 映射代码

我敢肯定这是我想念的简单的东西。这是jfiddle。

我也试过看看我能不能用 CSS 来解决这个问题，但我在这里读到 CSS 并不能真正与 Image Maps 一起正常工作。我已经检查了 ImageMapster 页面和 Beginners 网站上的一些示例，但悬停在我身上不起作用。

我在这里有使用 angularjs 的概念证明图像映射代码。

我正在写一些与我放在一起的 jquery 示例相同的东西。

您会注意到在第一个示例中不起作用，因为图像映射由范围变量填充，因此在页面加载时图像 src 是 404。这完全阻止了图像映射激活。我非常感谢帮助理解如何解决这个问题。

我有一张我已经映射的图像，我现在想要做的是，当用户将鼠标悬停在选定的映射位置时，我希望该部分改变它的颜色。这是我的代码：

那么我做错了什么，因为这没有任何作用？谢谢