如何使用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 -

[..]为每个属性使用相同的属性data-fancybox值来创建图库。

所以，替换

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

同

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