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

时间:2019-03-29 10:30:22

标签: javascript jquery fancybox fancybox-2

如何对画廊进行分组以仅显示同一组中的照片?

现在通过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'
    }
})

1 个答案:

答案 0 :(得分:1)

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

  

[..]为每个对象使用相同的属性[None, 28, 28, INPUT_CHANNELS]值来创建   画廊。

因此,替换

data-fancybox

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