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

问题描述：

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

<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>

看看你的开发工具的控制台，并享受 – InferOn 2014-09-05 23:23:19

答

删除GET变量?dl=0从您的JS和CSS URL和它的作品。 jsFiddle Demo

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

这并不做任何事情。 – HelpNeeder 2014-09-05 23:33:43

点击演示，它应该运行它应该是 – 2014-09-05 23:34:34

啊，没有注意到资源标签。 – HelpNeeder 2014-09-05 23:36:27

答

使灯箱的位置绝对而不是相对。

.lightbox { 
    position: absolute; 
}

甚至固定。然后它会出现在页面顶部。然后，您可以根据自己的喜好构建灯箱样式。

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

插件的CSS已经提供了定位，有控制台错误。 – 2014-09-05 23:37:29

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

相关推荐