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

why image display below when click on image in Jquery?

本文关键字:图像 在下面 显示 单击 Jquery 为什么      更新时间:2023-09-26

你能告诉我为什么当我点击拇指指甲图像时,我的图像会显示在下面吗。我正在使用lightbox插件我从这里学习文档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>

从JS和CSS URL中删除GET变量?dl=0,它就可以工作了。jsFiddle演示

这是Dropbox的下载参数,尽管它被设置为false。。它仍然是这个问题的根源。

使Lightbox的位置为绝对位置,而不是相对位置。

.lightbox {
   position: absolute;
}

甚至固定。然后它会出现在页面的顶部。然后,您可以随心所欲地构建灯箱样式。

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