如何使用 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'];?>"

如何使用 FANCYBOX 对多画廊的图像进行分组？

How to group images on multi galleries with FANCYBOX?

javascript

jquery

fancybox

fancybox-2