为什么在Jquery中单击图像时图像显示在下面
why image display below when click on image in Jquery?
你能告诉我为什么当我点击拇指指甲图像时,我的图像会显示在下面吗。我正在使用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/
相关文章:
- 使图像在单击时展开到不大于浏览器
- css停止图像在滚动中移动
- 如何使图像在画布中移动
- 当多个图像在源文件中时,如何从源文件中选择特定的图像
- 使输入文本的背景图像在点击“”时滑出视野;输入“”;
- 我的'body'css背景图像在chrome中跳跃
- 画布中的图像在绘制图像后立即消失
- 如何使按钮图像在单击时添加到变量中
- 当图像在背景中时将其固定
- 无法使用javascript插件在首次运行时加载实际图像大小(图像在刷新后加载)
- OpenLayers-自定义图像在一层上的马赛克
- 图像在旋转 90 度时脱离父 td
- 视频 -> 画布 -> 图像 ..在特定分辨率下
- jQuery图像在悬停时闪烁
- 幻灯片图像在页面加载时弹出
- 输入类型的图像在Internet Explorer中不起作用,但在Chrome和Firefox中起作用
- 使图像在多个设备之间旋转和更改
- 上传前查看图像在IE中不起作用
- 二合一图像在鼠标悬停点拆分
- 为什么在Jquery中单击图像时图像显示在下面