2010-07-12 87 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