删除画廊缩放

Question

我有一个带有快门（灯箱）效果的画廊，其中悬停时会打开缩放叠加层（带有全尺寸图像）。我使用 wordpress、jQuery、下一代画廊和 featuresimagezoomer.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]
});