如何为画廊设置群组？

Question

我们有一组可以变成图库的内容元素。

我只是给他们添加了一个 class ".gallery" ，设置如下：

$('.gallery').featherlightGallery({
  previousIcon: '',
  nextIcon: ''
});

我们希望每个内容元素都有图库组，因为那里针对一个特殊主题 - 但根据实际设置 a.gallery 中的每个图像都显示在该图库中，因此我们可以在这些主题之间切换这不是我们想要的。

我在文档中没有看到任何关于对图库进行分组的信息，还有其他方法吗？其他灯箱使用 data-rel="group1" 或类似的东西。

任何关于此的信息都很好。

干杯

Answer 1

当然，使用filter参数。假设您的画廊分组在一些 <div class="grouping">:

内

$('.grouping').featherlightGallery({filter: '.gallery'}, ...);

Answer 2

感谢您的快速回答，不是从文档中得到的，现在它可以工作，但不是我假设的方式。

这里是我的元素的简短设置：

我们拥有的每个 contentElement，例如：带有图片的文本，连续 2 张图片，连续 3 张图片，连续 3 张带有文本的图片都有一个包装器 class“.contentElement”。

那里的每个画廊图片都有一个 class“.gallery”，所以我想我可以使用：

$('.contentElement').featherlightGallery({
     previousIcon: '',
     nextIcon: '',
     filter: '.gallery'
});

但是这个不行，结果和我之前用的方法一样。我可以在带有图库的页面上的每个图像之间切换。

它是这样工作的：

$(".contentElement").each(function(){
     $(this).featherlightGallery({
        filter: '.gallery',
        previousIcon: '',
        nextIcon: ''
      });
});

但我认为第一个应该也有效，或者我错了，因为有一个明显的原因？

谢谢你的快速回复，对我帮助很大。

干杯

如何为画廊设置群组？

How to set a group for the gallery?

featherlight.js