Question

我在我的一个基于MVC的应用程序中使用jquery lightbox 2插件。我们有专辑和他们各自的图像来自数据库。

我列出的相册下面给出的链接为＆＃34;查看全部＆＃34;相册库中包含动态创建的图像的图像

 <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（）函数作为参数传递构成库的图像之一

＆＃13;

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

＆＃13;

Jquery Lightbox 2 - 点击按钮上的图片库

1 个答案: