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

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 属性对它们进行分组。