2017-06-06 38 views
0
I am using Blueimp Image Gallery Library to create my gallery. I am having multiple galleries across several pages. 

<div id="bangles"> 
    <a href="images/banles.jpg" title="banles" data-gallery> 
     <img src="images/thumbnails/banles.jpg" alt="banles"> 
    </a> 
    <a href="images/banles1.jpg" title="bangles1" data-gallery> 
     <img src="images/thumbnails/banles1.jpg" alt="banles"> 
    </a> 
    <a href="images/banles2.jpg" title="banles2" data-gallery> 
    <img src="images/thumbnails/banles2.jpg" alt="banles"> 
    </a> 
</div> 


<div id="florals"> 
    <a href="images/florals.jpg" title="florals" data-gallery> 
     <img src="images/thumbnails/florals.jpg" alt="florals"> 
    </a> 
    <a href="images/florals1.jpg" title="florals1" data-gallery> 
     <img src="images/thumbnails/florals1.jpg" alt="florals"> 
    </a> 
    <a href="images/florals2.jpg" title="florals2" data-gallery> 
    <img src="images/thumbnails/florals2.jpg" alt="florals"> 
    </a> 
</div> 

這是我的示例代碼。而我試圖打開所有圖像庫圖像崩潰。Blueimp圖片庫:一個以上的圖庫變得崩潰了

我想查看每個頁面中的每個圖庫。

這個怎麼辦?

回答

0

簡單地與每家畫廊parent-ID

爲如修改數據的畫廊標籤: 你有你的帖子2畫廊,這些ID是floralsbangles 這樣你就可以修改data-gallerygallery前面加#blueimp-gallery

1)<a data-gallery="#blueimp-gallery-bangles">

2)<a data-gallery="#blueimp-gallery-florals">

現在您可以根據需要打開每個畫廊。

檢查出Documentation on Github