2011-03-08 67 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