2011-03-08 71 views
0

我有一个快门(灯箱)效果的图库,其中悬停缩放图层打开(与全尺寸图像)。我使用WordPress,jQuery,下一代画廊和featuredimagezoomer.js。删除图库缩放

该脚本的问题是,它不会删除缩放图像覆盖当我mouseout。我尝试了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

你可以当它打开了一个灯箱的图像看,你导航到其他一些图片,它的缩放覆盖仍然停留在屏幕上

任何帮助,请问我该如何解决这个问题?

+0

试图改变“别人”借“否则,如果(event.type ==‘鼠标移开’),但我认为足够多的is'nt – Akarun 2011-03-08 08:54:08

回答

0

你不应该绑定mouseover/mouseout来激活插件,因为插件已经做好了。 简单地做这样的事情!?

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

遗憾,但仍没有按't解决问题... -Akarun:触发事件是简单的els还行,但触发什么? -LekisS:是的,但它需要被某些东西触发,如mouseover-mouseout – Gas 2011-03-08 10:08:11

+0

addimagezoom( )添加了触发器... – 2011-03-08 18:51:57

+0

-Lekis:是的,但是当我把它放在doc.ready中时,img#shTopImg仍然不存在,它是由Shutter脚本为覆盖图像生成的 和addimagezoom脚本本身使用显示:无用于隐藏缩放图像,其中这种情况并不合适,因为Gallery中动态加载内容。 也许需要修改这个功能的addimagezoom脚本本身? (来自:http://www.dynamicdrive.com/dynamicindex4/featuredzoomer.htm) – Gas 2011-03-09 07:27:55