Javascript jQuery fancybox多相册

我正在尝试使用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>

---

如果使用

红色属性对图像进行分组，则可以打开一个图像并滚动浏览多媒体资料图像。目前，您有rel=“gallery1”、rel=“gallery2”等。将每个图像的设置更改为：
rel=“gallery1”
。
如果使用
红色属性对图像进行分组，将允许您打开一个图像并滚动浏览画廊图像。目前，您有rel=“gallery1”、rel=“gallery2”等。请将每张图像的内容更改为：
rel=“gallery1”
。
很抱歉，我一直在回答而不是评论（没有足够的街头信誉）。你有样本代码吗

大概是这样的：

$(".fancybox").fancybox({ //stuff here... });

我很抱歉一直在回答而不是评论（没有足够的街头信誉）。你有样本代码吗

大概是这样的：

$(".fancybox").fancybox({ //stuff here... });

嗯，我发现了一个我不知道是最好的解决方案，但正在努力将link
class=“fancybox hidden”
中隐藏的类添加到其他元素中，但却是同一个相册

<a class="fancybox" rel="gallery1" href="assets/own/images/1.jpg" title="album 1/1">
    <figure>
        <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
    </figure>
</a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/2.jpg" title="album 1/2"></a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/3.jpg" title="album 1/3"></a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/4.jpg" title="album 1/4"></a>



这张专辑也是其他专辑的作品

<a class="fancybox" rel="gallery2" href="assets/own/images/6.jpg" title="album 2/1">
    <figure>
        <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
    </figure>
</a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/5.jpg" title="album 2/2"></a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/4.jpg" title="album 2/3"></a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/3.jpg" title="album 2/4"></a>



以下是在线示例：

正在为图片底部的标题工作

这是Fancybox的另一个解决方案

嗯，我发现了一个我不知道是最好的解决方案，但正在努力将link
class=“fancybox hidden”
中隐藏的类添加到其他元素中，但却是同一个相册

<a class="fancybox" rel="gallery1" href="assets/own/images/1.jpg" title="album 1/1">
    <figure>
        <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
    </figure>
</a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/2.jpg" title="album 1/2"></a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/3.jpg" title="album 1/3"></a>
<a class="fancybox hidden" rel="gallery1" href="assets/own/images/4.jpg" title="album 1/4"></a>



这张专辑也是其他专辑的作品

<a class="fancybox" rel="gallery2" href="assets/own/images/6.jpg" title="album 2/1">
    <figure>
        <img src="assets/own/images/galeria/test_pic_gallery.png" alt="" />
    </figure>
</a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/5.jpg" title="album 2/2"></a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/4.jpg" title="album 2/3"></a>
<a class="fancybox hidden" rel="gallery2" href="assets/own/images/3.jpg" title="album 2/4"></a>



以下是在线示例：

正在为图片底部的标题工作

这是Fancybox的另一个解决方案

是的，我知道正确，但我想在一个链接中调用所有这些图像，而不是在多个链接中…是的，我知道正确，但我想在一个链接中调用所有这些图像，而不是在多个链接中。。。