显示灯箱画廊而不在文档上显示整个画廊

【问题标题】：Display lightbox gallery without displaying the whole gallery on document显示灯箱画廊而不在文档上显示整个画廊
【发布时间】：2014-03-11 11:57:40
【问题描述】：

当用户单击一张图片时，是否可以显示带有例如 4 张图片的 Nivo Lightbox Gallarey（或任何其他响应式灯箱）？（其他3张图片被隐藏，只在灯箱中显示）

【问题讨论】：

是的，可以去那个链接，它会帮助你stackoverflow.com/questions/21379242/…

标签： lightbox nivo-slider

【解决方案1】：

使用 Nivo 非常简单。只需为其他图像创建空锚

<a href="images/gallery-img-001.jpg" class="gallery-start" data-lightbox-gallery="gallery1"><img src="images/gallery-thumb-004.jpg" width="365" height="245" /></a>
<a href="images/gallery-img-002.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="gallery1"></a>
<a href="images/gallery-img-003.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="gallery1"></a>
<a href="images/gallery-img-004.jpg" class="gallery-thumb-hidden" data-lightbox-gallery="gallery1"></a>

然后从 JQuery 调用图库

$('a.gallery-start').nivoLightbox({...

【讨论】：