Jquery Lightbox 2 - ボタンをクリックした画像ギャラリー

Question

私はMVCベースのアプリケーションの1つにjquery lightbox 2プラグインを使用しています。私たちはアルバムとそのそれぞれの画像をデータベースから取得しています。

私は、ボタンのクリックで、ライトボックスの画像ギャラリーを表示するにはどうすればよい

<div id="albumGallery_@albumId" style="display:none"> 

        @foreach (var image in albumImageList) 
        { 
         <a class="thumbnail" href="@actualImageName" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."> 
          <img class="img-responsive" style="width:200px; height:150px;" src="@thumbnailImageName" alt="" /> 
         </a> 
        } 

       </div> 

これらの動的に作成された画像を含むアルバムのギャラリーで「全てを見る」の画像に下記のリンクでアルバムをリストした?? アドバイスをいただければ幸いです。

ありがとうございます！

Answer 1

あなたがスタート（）関数は、引数として渡して呼び出す必要がありますギャラリーを構成する画像の1

<div id="albumGallery_@albumId" style="display:none"> 
 

 
    <a href="#" onclick="lightbox.start($('#gallery_img_0')); return false;"> 
 
    Show Gallery 
 
    </a> 
 
        @foreach (var image in albumImageList) 
 
        { 
 
         <a id="gallery_img_@imageIndex" class="thumbnail" href="@actualImageName" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."> 
 
          <img class="img-responsive" style="width:200px; height:150px;" src="@thumbnailImageName" alt="" /> 
 
         </a> 
 
        } 
 

 
</div>