javascript - 使 JQuery LightBox 插件与多个画廊一起工作

Question

我正在尝试制作这个 jquery 插件 => http://leandrovieira.com/projects/jquery/lightbox/在同一页面上处理多个画廊。

问题是，每次我单击某个图库中的图片时，我都会在同一页面上获取所有图库中的所有图片。假设我有 2 个画廊，每个画廊有 6 张照片。如果我单击图库 1 中的图片，我也会看到图库 2 中的图片。

我试过类似的方法让它工作但没有成功:

<script type="text/javascript">
    $(function(){
      $('div.gallery-6').each(function() {
        $(this).find('a.lightbox').lightBox();
      });
    });
</script>

不幸的是，它不起作用!!!

解决方法是什么？

再一次，我想要完成的是能够在适当的画廊中查看图片。我不希望所有图片都被视为一个画廊。

Answer 1

只需很少的更改，我就可以在一个页面上使用多个画廊。

JQuery

$(function() {
  $('#gallery1 a').lightBox();
  $('#gallery2 a').lightBox();
  ...
  $('#galleryN a').lightBox();   
});

HTML

<div class="gallery" id="gallery1">
<div class="gallery" id="gallery2">
...
<div class="gallery" id="galleryN">

我将样式从 id 更改为 class。