jQuery fancybox多张专辑
jQuery fancybox多张专辑
提问于 2016-04-28 19:36:24
我试图用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>
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-04-28 20:07:07
嗯，我找到了一个我不知道是最好的解决方案，但我正在努力将隐藏在链接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的另一个独白
http://jsfiddle.net/2k8EP/
Stack Overflow用户
发布于 2016-04-28 19:41:56
如果使用red属性对图像进行分组，将允许您打开一个图像并滚动您的图库图像。现在，您有rel="gallery1“、rel="gallery2”等，将其更改为:每个图像的rel="gallery1"。
Stack Overflow用户
发布于 2016-04-28 19:53:05
很抱歉，我不想评论(没有足够的街道信誉)，而是不断地发表评论。你有样本代码吗？
就像这样：
$(".fancybox").fancybox({ //stuff here... });页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36923944
复制相关文章
相似问题
腾讯云开发者
