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改为了class.

翻译自:https://stackoverflow.com/questions/2051294/making-jquery-lightbox-plugin-work-with-multiple-galleries

转载注明原文:javascript – 使JQuery LightBox插件可以与多个库一起使用