Question

我想使用这个库：http://lokeshdhakar.com/projects/lightbox2/

我无法将rel="lightbox"附加到每张图片上，因此我想使用jQuery来触发灯箱。

我在考虑类似的事情：

$('img').click(function(){
  //triger lightbox for this image
  //use self src as href
});

如何为一张图片触发灯箱？

Answer 1

通过将img标记包装在a标记中并在之后触发点击来解决问题。

$('img').click(function () {
    $(this).wrap('<a href="' + $(this).attr("src") + '" rel="lightbox" />');
    $(this).parent('a').trigger('click');
});

Answer 2

该插件必须让rel="lightbox"起作用。在如何使用

中提到了这一点

您可以使用

添加jquery属性

$('img').attr('rel', 'lightbox');

您需要在文档就绪功能中添加该行。

如果这仍然不适合你，那么我建议你使用这个其他插件

http://fancyapps.com/fancybox/

使用javascript触发灯箱

2 个答案: