Jquery花式框帶縮略圖，可容納單獨的畫廊

我試圖改變我的fancybox，以便每個縮略圖在點擊時打開到不同的畫廊。現在花哨的盒子只是滾動顯示的所有縮略圖。Jquery花式框帶縮略圖，可容納單獨的畫廊

我已經查找了多種方法來做到這一點，其中很多包括rel和hiddden標籤，但總體來說似乎沒有任何工作。

想法？基本上現在我有一個頁面系統設置頁面。 3x3網格的大拇指，並希望每個人打開自己的圖像畫廊。

2017-05-03 Traci Westcott

歡迎[這麼]！在這個網站，你應該嘗試**自己編寫代碼**。後** [做更多的研究]（//meta.stackoverflow.com/questions/261592)**如果你有問題，你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供[** Minimal，Complete和Verifiable示例**]（// stackoverflow.com/help/mcve）。我建議閱讀[問]一個好問題和[完美問題]（http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/）。另外，一定要參加[遊覽]並閱讀[this]（// meta.stackoverflow.com/questions/347937/)**。 – Badacadabra

只爲每個畫廊製作第一張縮略圖。

檢查第一個例子來自文件 - http://codepen.io/fancyapps/pen/jyEGGG/?editors=1000

<h3>Gallery with one preview image</h3> 
<p> 
    <a href="https://c1.staticflickr.com/1/357/31876784275_12286240d4_h.jpg" data-fancybox="images-single"> 
     <img src="https://c1.staticflickr.com/1/357/31876784275_fbc9696913_m.jpg" /> 
    </a> 
</p> 

<div style="display: none;"> 

    <a href="https://farm3.staticflickr.com/2947/33594572585_b48eba935b_k_d.jpg" data-fancybox="images-single" 
    data-thumb="https://farm3.staticflickr.com/2947/33594572585_46ca00f3a5_m_d.jpg"></a> 

    <a href="https://farm3.staticflickr.com/2859/33395734202_522f9d8efd_k_d.jpg" data-fancybox="images-single" 
    data-thumb="https://farm3.staticflickr.com/2859/33395734202_15a81c4ef3_m_d.jpg"></a> 

</div>

來源

2017-05-03 13:36:18 Janis

Jquery花式框帶縮略圖，可容納單獨的畫廊

回答

相關問題