Question

截至2015年6月30日，我已尝试实施最新版本的Lightbox。我已按此顺序加载了js文件（jquery.min.js和lightbox.js）。我也将css线添加到我的头部。我甚至尝试过加载lightbox.min.js

我已将data-lightbox属性添加到图像墨水中。当我点击链接显示图像时，所有发生的事情就是我转到图像本身。就像我在浏览器中从本地机器打开图像一样。根本没有灯箱效果或功能。

有问题的页面可以在http://www.kilajager.com/new/bs.php

看到

顶部并排显示5张图片是指向完整图片的链接。

以下是代码片段：

<head>
<title>Kila Jager Modeling Portfolio | Portfolio</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="css/lightbox.css" rel="stylesheet" type="text/css" media="all">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script src="js/lightbox.js"></script>
</head>

<a href="images/bs02.jpg" class="b-link-stripe b-animate-go  thickbox play-icon" data-lightbox="bonnie" data-title="Image 02">
  <img src="images/bsslid2.png" class="img-responsive" alt="" />
</a>

Answer 1

Lightbox 2 website中的简单说明~~目前不足~~ （截至目前，它们已updated足够了）。

Lightbox 2不适用于1.7以下的jQuery版本。 <script>标记的位置很重要。

使用 jQuery 1.7或更高版本。
- 如果您还没有在页面中使用jQuery，只需使用lightbox-plus-jquery.min.js，因为它包含jQuery 2.1.4。
- 如果您已经使用它，请升级到jQuery 1.7或更高版本并测试您现有的基于jQuery的代码和插件。 希望没有别的事情发生 =)
将Lightbox 2 <script>标记（对于JavaScript文件）放在页面末尾，就在正文结束标记（</body>）之前。
- CSS的<link>标记可以保留在<head>标记中。

灯箱2不会显示图像

1 个答案: