javascript - 使JQuery LightBox插件可与多个画廊一起使用

我正在尝试使这个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>

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

有什么解决方法？

再一次，我要完成的工作是能够在相应的图库中查看图片。我不希望所有图片都被视为一个画廊。

最佳答案

只需很少的更改，我就可以在一页上处理多个图库。

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更改为类。

关于javascript - 使JQuery LightBox插件可与多个画廊一起使用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2051294/