要在灯箱中显示的外部 URL 图像答案

【问题标题】：External URL Images to show in Lightbox要在灯箱中显示的外部 URL 图像
【发布时间】：2016-02-15 02:24:54
【问题描述】：

我正在设计一个可以链接到 Dropbox URL 的图库。

http://gregorydanelian.comule.com/ken/

当我点击一张图片时，我希望它进入灯箱库，然后在灯箱库中会有一个指向外部图片的链接。

目前，前 6 个图像缩略图会跳过灯箱库并直接转到链接。例如：

<a class="thumbnail" rel="lightbox[group]"         href="https://dl.dropboxusercontent.com/u/38631221/Masterplan/Slimming_Book_JPEG/small/001.jpg"><img class="group1" src="https://dl.dropboxusercontent.com/u/38631221/Masterplan/Slimming_Book_JPEG/small/001.jpg" title="Image Title" /></a>

剩下的图片展示了灯箱画廊...

灯箱图库是否可以链接到 URL 图片并在滑块中预览？

【问题讨论】：

标签： javascript html css lightbox2 bootstrap-lightbox

【解决方案1】：

您忘记将data-lightbox 属性添加到您的anchor 标记

<a class="thumbnail" rel="lightbox[group]" data-lightbox="thumbnail-x1" href="https://dl.dropboxusercontent.com/u/38631221/Masterplan/Slimming_Book_JPEG/small/001.jpg">
<img class="group1" src="https://dl.dropboxusercontent.com/u/38631221/Masterplan/Slimming_Book_JPEG/small/001.jpg" title="Image Title" />
</a>

【讨论】：

【解决方案2】：

嗯...我没有更改任何内容，然后返回页面，它起作用了！当您单击另一个缩略图时，似乎在灯箱中刷新页面会阻止 js 再次工作。

【讨论】：