jQuery Lightbox 2-單擊圖像庫

Question

我在基於MVC的應用程序之一中使用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

您必須調用start（）函數，將構成圖庫的圖像之一作為參數傳遞

  <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>