Question

我有一个带有快门（灯箱）效果的图库，其中悬停一个缩放叠加打开（使用全尺寸图像）。我使用wordpress，jQuery，next-gen gallery和featuredimagezoomer.js。

脚本的问题在于鼠标输出时它不会删除缩放图像覆盖。我在jQuery中尝试了empty（）和remove（）方法，但没有一个工作得很好。

这是剧本：

jQuery("img#shTopImg").live('mouseover mouseout', function(event) {

  if (event.type == 'mouseover') {
var imw = jQuery("img#shTopImg").width();
jQuery(this).delay(200).addimagezoom({
magnifiersize:[350, 350], zoomrange: [3, 8], rightoffset: - imw });
  } else {

// remove logic goes here

}

});

这是它所在的页面： http://baksagaspar.com/MH-work/collections/jungle-under-construction-2

您可以看到它在灯箱中打开图像的时间，并导航到其他图片，它的缩放覆盖仍然保留在屏幕上

任何帮助请问我怎么能解决这个问题？

Answer 1

你不应该绑定mouseover / mouseout来激活插件，因为插件已经完成了。简单地做这样的事情：

$("img#shTopImg").addimagezoom({
    magnifiersize:[350, 350],
    zommrange: [3, 8]
});

删除图库缩放

1 个答案: