jquery - 使用 javascript 触发灯箱

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/