jQuery fancybox多个相册

我想用FancyBox来创建一个相册中的一个单一的点击，即打开我“N”的图像每个你看到我点击每张图片，不知道如何如果通过JS，互联网搜索和许多选择这样做，但没有取得任何事情......jQuery fancybox多个相册

我不想打开图像，只需一次点击，但打开几个看专辑

这里是我的代码：

<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>

来源

2016-04-28 ccdiego5

嗯，我找到了一个解决方案，我不知道是最更好，但正在努力将隐藏在链接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>

在这里上课的例子在线：Galleria working

是在底部插入图像为标题的工作...

这里了fancybox

http://jsfiddle.net/2k8EP/

来源

2016-04-28 20:07:07 ccdiego5

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

来源

2016-04-28 19:41:56 Archie22is

是的，我知道其他soluction正确，但我想调用1链接中的所有这些图像，而不是多重链接... – ccdiego5

我很抱歉继续回答而不是评论（没有足够的街道信誉）。你有样品代码吗？

事情是这样的：

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

来源

2016-04-28 19:53:05 Archie22is

jQuery fancybox多个相册

回答

相关问题