【问题标题】:Light Box only one image loads, 3 others do not灯箱仅加载一张图片,其他 3 张不加载
【发布时间】:2016-03-04 17:50:27
【问题描述】:

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

测试版网站和图库页面在这里: http://www.sound-enclosures.com/FanAir/index-3.html

我有一个指向缩略图的“img src=”链接和一个指向大图像的“a href=”链接。

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

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

我使用的 Monster 模板是用 jQuery v1.11.1 提供的, 我在 Stackoverflow 论坛中读到 JQuery 1.8 似乎与 Lightbox 一起工作得更好,我没有尝试过,也不愿意这样做,因为它可能会弄乱其他页面。

任何人都可以看看并可能提供一些帮助和指导吗?

提前谢谢大家。

斯科蒂

【问题讨论】:

标签: lightbox image-gallery responsive-images


【解决方案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>

【讨论】:

  • 您好 MacSupport:感谢一百万,在您的帮助下,我得到了它的工作。尽管图像位于正确的位置,但在我服务器上的“图像”文件夹中,你有点慢了我的想法!我想我可以尝试使用绝对完整的 URL,例如:“0397d5c.netsolhost.com/FanAir/images/page4_pic17_BIG.jpg”我刚刚使用 FTP Voyager 复制了完整的 URL,并将 ftp”转换为“http”,效果非常好。太棒了,谢谢,谢谢你!!:)
  • 如果它回答了您的问题,请继续并将其标记为已回答。 ;-)
猜你喜欢
  • 1970-01-01
  • 2012-07-29
  • 1970-01-01
  • 2015-12-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多