【发布时间】：2015-04-18 13:22:03
【问题描述】：
我最近在我的网站上放了一个图片库幻灯片。我把所有的图片都放进去，在浏览器上测试了一下，效果很好。
但是，当我将网站上传到我的服务器时，有些图片没有显示出来。这是下面的代码。图像 1,4 和 6 显示良好。但是，2,3 和 5 根本没有出现。我对此感到非常困惑。当我在浏览器中测试它们时，它们起作用了。现在它们已上传，它无法正常工作。
图像尺寸： 1：124kb 2：617 3：668 4：139 5：1610 6：830
有人对可能导致此问题的原因有任何建议吗？
提前致谢！
<center><h1>Gallery</h1></center>
<ul data-orbit data-options="timer_speed:99999; bullets:false;">
<li>
<img src="img/slider/slide1.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
<li>
<img src="img/slider/slide2.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
<li>
<img src="img/slider/slide3.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
<li>
<img src="img/slider/slide4.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
<li>
<img src="img/slider/slide5.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
<li>
<img src="img/slider/slide6.jpg" />
<div class="orbit-caption">caption here...</div>
</li>
【问题讨论】：
-
您是否在浏览器中使用绝对地址检查图像是否存在？
-
仔细检查幻灯片的名称！如果你在本地测试过 Windows，Win 是不区分大小写的。 Linux（如果您在 Linux 上在线测试）- 区分大小写。所以，大写还是小写都很重要。
-
感谢@nevermind 的建议，尽管我检查过它们都是小写的，这是我不知道的，稍后会考虑。
-
去看看你的浏览器开发工具的网络面板——它会告诉你哪些图像请求会产生错误。如果是 404，那么您没有没有正确指定图像路径/文件名。