Question

我们有一组内容元素可以转换为图库。

我只需添加一个类“.gallery”，使用此设置：

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

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

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

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

干杯

Answer 1

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

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

Answer 2

感谢快速回答，没有从文档中获得，现在它的工作，但不是我假设的方式。

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

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

每个画廊图片中都有一个“.gallery”类，所以我想我可以使用：

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

但这不起作用，结果与我以前使用的方法相同。我可以在页面上的每个图像与图库之间切换。

它的工作原理如下：

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

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

无论如何，谢谢快速回复，对我帮助很大。

干杯

如何为图库设置组？

2 个答案: