javascript - 如何使用 FANCYBOX 将多个图库中的图像分组？

Question

如何对图库进行分组以仅显示同一组中的照片？

现在通过 data-fancybox 获取图像，问题是我有组的动态 ID。

fancybox版本:v3.5.7

<a class="fancyfunc" data-fancybox-group="group_<?=$r['reference_id'];?>"  href="<?=$img['image'];?>"  data-fancybox="images">
   <img class="none" src="<?=$img['image'];?>" />
</a>

$('[data-fancybox="images"]').fancybox({

    margin : [44,0,22,0],
    thumbs : {
        autoStart : true,
        axis      : 'x'
    }
})

Answer 1

查看文档 - https://fancyapps.com/fancybox/3/docs/#usage -

[..] use the same attribute data-fancybox value for each of them to create a gallery.

所以，替换

data-fancybox-group="group_<?=$r['reference_id'];?>"

与

data-fancybox="group_<?=$r['reference_id'];?>"