Blueimpイメージギャラリー：複数のギャラリーが折りたたまれています

Question

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> 

ここは私のサンプルコードです。私は開いているイメージギャラリーのイメージを全面的に崩壊させようとしています。

各ページの各ギャラリーを表示したいと思います。

これを達成するにはどうすればよいですか？

Answer 1

単に例えば、各ギャラリーparent-ID

を使用して、データ・ギャラリータグを変更： あなたはあなたのポストに2ギャラリーを持って、それらのidのはfloralsとbangles あるので、あなたは#blueimp-gallery

が先行 gallery内 data-galleryを変更することができます

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

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

これで、各ギャラリーを自由に開くことができます。

チェックアウト：Documentation on Github