Question

我尝试使用动态图像分组（在图像弹出窗口中分组）实现JQuery Lightbox插件，但我无法找到弹出分组图像的线索。

有人可以告诉我我做错了吗？

HTML

<a href="pic1.jpg" class="pic" rel="lightbox1"><img src="pic1.jpg"/></a>
<a href="pic2.jpg" class="pic" rel="lightbox1"><img src="pic2.jpg"/></a>

<a href="pic3.jpg" class="pic" rel="lightbox2"><img src="pic3.jpg"/></a>
<a href="pic4.jpg" class="pic" rel="lightbox2"><img src="pic4.jpg"/></a>

<a href="pic5.jpg" class="pic" rel="lightbox3"><img src="pic5.jpg"/></a>
<a href="pic6.jpg" class="pic" rel="lightbox3"><img src="pic6.jpg"/></a>

JQUERY

jQuery(document).ready(function() {    
  $('a.pic').live('click', function() {
      var relvalue = $(this).attr('rel');
      $("a[rel="+relvalue+"]").lightBox();
  });
});

谢谢！

Answer 1

你试过这个吗？

jQuery(document).ready(function() {    
  $('a.pic').lightBox();
});

我以为你在使用krewenki's jquery-lightbox。使用$('a.pic').lightBox();，您可以为 a 元素提供灯箱功能，并使用您要对其进行分组的 a 元素的rel属性。

如何为Jquery灯箱插件使用变量属性

1 个答案: