2011-03-15 43 views
0

我不知道如何從Dynamicdrive動態啓動jQuery Image Power Zoomer v1.1腳本。 我需要在lightbox類型的圖庫圖像上開始縮放,但是當我用click(live)調用它時,需要將光標從圖片中移出並重新開始以獲取腳本。我最喜歡的方法是簡單的mouseenter方法,但它似乎與腳本自己的mouseenter-mouseleave動作相沖突,所以如果有必要,我可以通過點擊做出妥協。用jquery動態啓動縮放腳本

的例子頁面是在這裏: http://baksagaspar.com/MH-work/collections/jungle-under-construction-2

,我使用這個腳本觸發:

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

任何幫助請,我怎麼能拿到劇本動態啓動?

回答

0

你需要調用init事件在頁面加載:

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

不幸的是,「a.shutterset_set_1 IMG」火災縮略圖上的縮放,而不是在收藏夾生成的圖像,不存在上doc.ready。但你的建議給了這個想法來使用它來觸發縮放:jQuery(「。ngg-gallery-thumbnail a」)。live('click',function(){jQuery(「img#shTopImg」)。addpowerzoom( {magnifiersize:[200,200]}); }); 但是,這會觸發縮放只爲第一個圖像點擊,如果我瀏覽與上一個下一個它不會更改圖像進行縮放。此外,當燈箱關閉後重新打開時,它會出現問題。 : - (( – Gas 2011-03-16 08:21:20

+0

)查看你正在用來創建img lightboxes的庫文檔,找到如何使用圖像加載事件(接下來,prev必須激發相同的事件)並在其中添加縮放init函數 – 2011-03-16 09:40:59

+0

我使用「Shutter Reloaded for NextGEN Gallery 「js,這是一個普通的javascript燈箱,所以我應該在那裏添加zoom init?它應該是'live'還是簡單'bind'的AJAX調用? – Gas 2011-03-16 09:57:45