Jquery 使用javascript触发lightbox

我想使用这个库：

我无法将

rel=“lightbox”

附加到每个图像，因此我想使用jQuery触发lightbox

我在想这样的事情：

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

---

如何为一张图像触发lightbox？

该插件必须具有

rel=“lightbox”

才能工作。 这是在如何使用上提到的

可以使用jquery添加该属性

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

您需要在document ready函数中添加该行

如果这对你仍然不起作用，那么我建议你使用另一个插件

---

通过将

img

标记包装在

a

标记中，然后触发单击a，解决了该问题

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

$（'img'）。单击（函数（）{
$（此）.wrap（“”）；
$（this）.parent（'a'）.trigger（'click'）；
});

lightbox使用缩略图上的链接来显示较大的版本。如何将效果应用于图像？图像不是我显示的缩略图，它只是设置的大图像宽度最大宽度和最大高度属性。我希望lightbox显示相同的图像（链接应该与image src相同），我不认为您指向的lightbox可以做到这一点。