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多個相冊

回答

相關問題