javascript - jQuery fancybox 多相册

Question

我正在尝试使用 FancyBox 通过单击创建一个相册，即打开我的“N”张图像，每次您看到我单击每张图片，不知道如何执行此操作，如果通过JS、互联网搜索和许多选择，但尚未取得任何成果......

我不想通过单击打开一张图片，而是想打开多张图片来查看相册

这是我的代码:

<aside class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
    <article class="album">
        <h3>Galería</h3>
        <a class="fancybox" rel="gallery1" href="http://farm2.staticflickr.com/1617/24108587812_6c9825d0da_b.jpg">
            <figure>
                <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
            </figure>
        </a>
    </article>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
    <article class="album">
        <h3>Galería</h3>
        <a class="fancybox" rel="gallery2" href="http://farm2.staticflickr.com/1617/24108587812_6c9825d0da_b.jpg">
            <figure>
                <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
            </figure>
        </a>
    </article>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
    <article class="album">
        <h3>Galería</h3>
        <a class="fancybox" rel="gallery3" href="http://farm2.staticflickr.com/1617/24108587812_6c9825d0da_b.jpg">
            <figure>
                <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
            </figure>
        </a>
    </article>
</div>

Answer 1

如果您使用red 属性对图像进行分组，则您可以打开一张图像并滚动浏览图库图像。目前您有 rel="gallery1"、rel="gallery2"等。将每个图像更改为:rel="gallery1"。