Light Box 只加载一张图片，其他 3 张不加载

Question

您好，我正在重新设计我的网站，我是 JS 和 CSS 的新手，非常擅长 HTML 5. 我正在开发一个新的响应式网站，其中包含图片库页面使用灯箱。

Beta 站点和图库页面位于： http://www.sound-enclosures.com/FanAir/index-3.html

我有一个 Link 到“ img src= ” 到缩略图和一个 "a href= " 到大图像。

问题是只加载了四张图片中的一张。这是蓝色图片页面上的第一张图片。这似乎工作正常。其他图像尝试 link，但它们只是在加载时挂断。我已经验证了文件名、位置，检查了 URL 等

我正在使用 Lightbox.min。 “/head”之前的脚本和我页面底部“/body”之前的 bootstrap.min.js

我正在使用的怪物模板配备了 jQuery v1.11.1，我在 Whosebug 论坛上读到 JQuery 1.8 似乎更适合与 Lightbox 一起使用，我没有尝试过，也不愿意这样做，因为它可能会弄乱其他页面。

谁能看一看并提供一些帮助、指导？

提前谢谢大家。

斯科蒂

Answer 1

您的图片无法加载，因为它们不在您的服务器上或不在文件夹 images

中

没有名为：page4_pic15_Big.jpg 的图像设置为您的 href：

<a href="images/page4_pic15_Big.jpg" data-title="Heavy Duty Centrifugal Blower" rel="lightbox"> <img src="images/page4_pic15.jpg">
                    Backward Inclined Blowers<br>
                  </a>

Light Box 只加载一张图片，其他 3 张不加载

Light Box only one image loads, 3 others do not

image-gallery

lightbox

responsive-images