为什么在Jquery中单击图像时会显示下面的图像？

Question

你能告诉我为什么当我点击缩略图时我的图像显示在下面。我正在使用灯箱插件我从这里学习文档 https://github.com/lokesh/lightbox2/ 在示例中，它在图像上方显示图像..我缺少哪个 css 文件？ 小提琴 http://jsfiddle.net/xnhtg1t1/

<a class="example-image-link lightbox" href="https://dl.dropboxusercontent.com/s/51wtwmqnnokotj6/image-1.jpg?dl=0" data-lightbox="example-1"><img class="example-image" src="https://dl.dropboxusercontent.com/s/w85pcbopymjzn76/thumb-1.jpg?dl=0" alt="image-1" /></a>

Answer 1

从你的 JS 和 CSS url 中删除 GET 变量 ?dl=0，它就可以工作了。 jsFiddle Demo

那是 Dropbox 的 download parameter，虽然它设置为 false.. 它仍然导致问题。

Answer 2

将灯箱的位置设为绝对位置而不是相对位置。

.lightbox {
   position: absolute;
}

甚至是固定的。然后它将出现在页面顶部。然后，您可以随意构建灯箱样式。

http://jsfiddle.net/xnhtg1t1/2/