具有多幅图像和地图的ImageMapster

Question

有可能在多个图像和地图中使用ImageMapster吗？

在我的场景中，有多个图像。每个图像都有自己独特的地图，每次只显示一个图像。当一个图像的一部分被单击时，它会更改为另一个图像，具有不同的地图。为此，我直接更改元素的"src“和"useMap”值。然而，ImageMapster只在第一个图像上工作，其余的不会被高亮显示。在更改映像/地图之前和之后，我尝试过解除绑定和重新绑定ImageMapster，但这并没有帮助。

我怎样才能使这与ImageMapster一起工作？

Answer 1

你有多少不同的图像(和图像地图)？

除非他们是很多人，我会预先加载所有的图像和图像地图在不同的DIVs，并隐藏他们所有的，除了第一个。然后可以使用.hide()和.show()隐藏包含当前映像的DIV，并使用希望显示的图像显示DIV。这样，每个映像都可以拥有自己的图像映射，而无需动态更改DOM。

不过，有一个警告:我在隐藏的DIVs中激活图像映射器时遇到了问题。在IE8中，当显示DIV时，如果图像映射器在图像上被激活而DIV被隐藏，则图像将保持不可见性。也许这是由于特定于我的情况，但如果IE8功能对您很重要，我建议您在接受此解决方案之前进行一些测试。