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

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

【问题讨论】:

标签: 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({...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-11-20
    • 2017-05-13
    • 2016-06-15
    • 1970-01-01
    • 2016-03-01
    相关资源
    最近更新 更多