问Lightbox 2导航符号未显示
EN

Stack Overflow用户

提问于 2018-06-29 09:39:35

回答 1查看 333关注 0票数 1

Lightbox在弹出窗口中显示放大的图像，但没有其他内容。没有标题，没有导航和闭合符号，没有创建帧的动画行为。我必须使用chrome的后退箭头返回到原始图像。我在www.yurowcreates.com/Lville60中测试了Lightbox。(要查看，请使用标签为“5月3日”的选项卡，然后单击左上角的图片。)我也在使用Bootstrap。会有什么冲突吗？我遵循了所有的安装说明，包括提供导航符号的路径，以及使用HTML链接标记和javascript脚本标记的正确顺序。(见下文)

我的HTML标记如下：

在head部分中：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0- 
beta.2/css/bootstrap.min.css" integrity="sha384- 
PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" 
crossorigin="anonymous">
<link rel="stylesheet"   href="Style.css"    type="text/css">
<link rel="stylesheet" href="lightbox.css" type="text/css">

在正文部分；

 <div class="container">
  <div class="row mb-3">
    <div class="col">
    <a  href="images/sandyandstu.jpg" data-lightbox="sandyandstu" data-title="Sandy and Stu"><img class="mb-5 mb-sm-0" src="images/sandyandstu.jpg" width="300" height= "200"></a>
    </div>
    ...two other images in the same row go here...
  </div>

，，，

 <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" 
 integrity="sha384- 
 KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" 
 crossorigin="anonymous"></script>

..。(ajax和引导脚本)...

  <script src="lightbox.js"></script>     
  </body>

lightbox2

回答 1

Stack Overflow用户

发布于 2018-07-20 19:17:12

检查镜像路径是否正确，并根据文件结构修改lightbox.css

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51093195

复制

相似问题

问Lightbox 2导航符号未显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Lightbox 2导航符号未显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Lightbox 2导航符号未显示
EN