javascript - 要在灯箱中显示的外部 URL 图片

标签 javascript html css lightbox2 bootstrap-lightbox

我正在设计一个可以链接到保管箱 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 图片并在 slider 中预览?

最佳答案

您忘记将 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>

关于javascript - 要在灯箱中显示的外部 URL 图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33693860/

相关文章:

html - Angular:在同一个按钮上使用(单击)和 routerLink

javascript - 视差,作为主页横幅

javascript - 向下滚动时,导航栏上的下拉菜单消失在后面

html - 将 photoshop 图像切成 HTML5 + CSS3 按钮(边 Angular 问题)

html - 是否可以以正确的比例渲染两种尺寸的图像

javascript - 为什么他们在 AngularJS 中到处传递数组?

javascript - Linux 下 node.js C++ 插件中的 undefined symbol ,为什么?

javascript - ajax响应错误(XML解析错误: no element found Location: moz-nullprincipal)

javascript - 使用 JavaScript 解析分隔文本行

javascript - Angular 构建结果破坏了 html 实体,如何防止这种情况发生