以编程方式更改Imagemapster图像的边距

时间:2012-07-23 04:55:55

标签: jquery css3 imagemapster

我正在尝试更改有问题的Imagemapster图像边缘作为重新调整窗口事件大小的反应。改变大小非常有效(我使用了mapter的resize方法)。我应该向哪个元素申请新的保证金?如果我将它应用于图像本身,则图像定位正确,但热点不会随之移动。这有可能吗? (我正在使用jquery,但javascript解决方案也很好)

1 个答案:

答案 0 :(得分:2)

ImageMapster在图像周围创建一个div包装器,并从图像中删除CSS。该插件依赖于图像与其他分层元素之间的统一样式,以便可靠地创建效果。

我会做两件事之一:

1)将样式应用于包装器,您可以使用parent

来定位它
$('#my-image').parent();

2)首先在图像周围创建自己的包装器,然后将样式更改为目标:

<div id="my-image-wrapper">
    <img src="..." id="my-image">
</div>

要么工作正常;第二个可能是最简单的,因为它避免了在图像映射器绑定图像时会发生什么问题。