2010-07-12 94 views
0

我想使用lightbox(pirobox)來動態生成圖像。我使用標準方法 - 加載css,js文件並在元素上添加選擇器,但它不起作用。你有什麼經驗嗎?關於動態圖像的jquery燈箱

我也嘗試

$('.pirobox').bind('click', function() { 
    $('.pirobox').piroBox({ 
     my_speed: 400, 
     bg_alpha: 0.3, 
     slideShow : true, 
     slideSpeed : 4, 
     close_all : '.piro_close,.piro_overlay' 
    }); 
}); 

回答

0

使用live相反,它可以用於目前存在的元素或將來(你的情況)。

$('.pirobox').live('click', function() { 
    $('.pirobox').piroBox({ 
     my_speed: 400, 
     bg_alpha: 0.3, 
     slideShow : true, 
     slideSpeed : 4, 
     close_all : '.piro_close,.piro_overlay' 
    }); 
}); 
+0

它不起作用。點擊元素後.pirobox被激活的功能,但pirobox不起作用。它在瀏覽器中以URL的形式打開圖像。我也嘗試其他燈箱(http://leandrovieira.com/projects/jquery/lightbox/),但它是相同的結果。它在服務器生成的元素上工作,但它不適用於jQuery的生成元素。 – misco 2010-07-12 13:19:34

2

它被解決了。生成鏈接後添加此代碼。

$(document).find('a.lightbox').lightBox(); 
+0

嗨,我也有同樣的問題。你能解釋我如何實現燈箱動態創建的控件(div,圖像) – 2014-05-26 07:59:27

+0

我正在尋找這個問題的解決方案。我正在使用mafnific彈出窗口,這對我有用。非常感謝 – ponnus 2014-08-24 11:26:37