[英]Jquery Lightbox 2 - image gallery on button click
我在基于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>
单击按钮后如何在灯箱中显示图库? 任何建议将不胜感激...
谢谢!
您必须调用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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.