Fancybox 中的多个“rel”答案

【问题标题】：Multiple 'rel' in FancyboxFancybox 中的多个“rel”
【发布时间】：2014-02-18 03:46:23
【问题描述】：

我已经安装了 Fancybox，我想从不同的缩略图启动不同的图像集。默认设置使所有图像从所有缩略图中循环显示。我通过反复试验发现，我可以为 html 中的每个集合分配一个新的“rel”，并将其反映在单独的 js 中。我想知道是否可以将所有数据添加到一个 js 中。这是js：

<script type="text/javascript">
    $(document).ready(function() {
        $("[rel='set1']").fancybox({
            helpers : {
                thumbs : false
            }
        });
    });
</script>

“set1”是我为第一组图像更改的位。在 html 中有一个 'rel 也有 'set1'。

我有 12 组图像，但我不想在我的页面中包含 12 个这样的脚本。我可以在一个 js 脚本中添加“set2”、“set3”等吗？我已经厌倦了很多方法，但没有一个对我有用。

我希望我已经说清楚了，我是 js 的新手。

柯克

【问题讨论】：

How to create separate Fancybox galleries on the same page? 的可能重复项
谢谢！这样就完成了。

标签： jquery fancybox fancybox-2

【解决方案1】：

我有fancybox 2.1.5，而不是使用“rel”，它现在检查“data-fancybox-group”属性。我花了我一步步通过他们的实际代码来找到这个。

您可以覆盖要与（当前未记录的）groupAttr 选项一起使用的属性名称。例如，要将其改回 rel，您将拥有 {groupAttr: "rel"}

https://github.com/fancyapps/fancyBox/issues/288

【讨论】：