ライトボックスギャラリーを連結しています

Question

lightbox gallery（3つの別々のギャラリー）として実装されている3つのdivがありますが、これはボタンをクリックするとトリガーされます。 divは最初にdisplay:noneに設定されます。 以下の方法でボタンをクリックしてdivをトリガーしようとしましたが、正しく動作しています。しかし、3つのギャラリーのすべてが連結されています。つまり、開いているモーダルで、他のdivの画像を表示しています。何が間違っている可能性がありますか？すべてのボックスのデータ・ギャラリー= "例ギャラリー" に使用

スクリプト

$('#button1').on('click', function() { 
     $('#div1').show(); 
    }); 
    $('#button2').on('click', function() { 
     $('#div2').show(); 
    }); 
    $('#button3').on('click', function() { 
     $('#div3').show(); 
    }); 

Answer 1

。

like div1 boxes images should have data-gallery="example-gallery1" attribute. 
div2 boxes images should have data-gallery="example-gallery2" attribute. 
div3 boxes images should have data-gallery="example-gallery3" attribute. 

同様：

data-gallery="example-gallery1" 
data-gallery="example-gallery2" 
data-gallery="example-gallery3" 

<a href="https://unsplash.it/1200/768.jpg?image=251" data-toggle="lightbox" data-gallery="example-gallery" class="col-sm-4"> 
       <img src="https://unsplash.it/600.jpg?image=251" class="img-fluid"> 
      </a>