使用 jquery 动态启动缩放脚本

Question

我不知道如何从 Dynamicdrive 动态启动 jQuery Image Power Zoomer v1.1 脚本。 我需要开始缩放灯箱类型的画廊图像，但是当我通过单击（实时）调用它时，它需要将光标从图片中移出并返回以启动脚本。我的首选方法是简单的 mouseenter 方法，但它似乎与脚本自己的 mouseenter-mouseleave 操作冲突，因此如果有必要，我可以通过单击进行妥协。

示例页面在这里： http://baksagaspar.com/MH-work/collections/jungle-under -construction-2

我使用这个脚本来触发：

jQuery("img#shTopImg").live('click', function() {
jQuery("img#shTopImg").addpowerzoom( { magnifiersize: [200,200] } );
}); 

请帮忙，我怎样才能动态启动脚本？

Answer 1

您需要在页面加载时调用 init 事件：

jQuery(document).ready(function () {
   $('a.shutterset_set_1 img').addpowerzoom( { magnifiersize: [200,200] } );
});