HTML图像库不显示图像

HTML图像库不显示图像,html,image,slideshow,Html,Image,Slideshow,我最近在我的网站上放了一个图片库幻灯片。我把所有的图片都放进去,在我的浏览器上测试,效果很好 然而,当我把网站上传到我的服务器上时,一些图片没有显示出来。下面是代码。图像1、4和6显示良好。但是,2、3和5根本没有出现。我对此感到非常困惑。当我在浏览器中测试它们时,它们工作正常。现在,他们上传,它不能正常工作 图像大小: 1:124kb 2: 617 3: 668 4: 139 5: 1610 6:830 有人对可能导致这种情况的原因有什么建议吗 提前谢谢 <center><h

我最近在我的网站上放了一个图片库幻灯片。我把所有的图片都放进去,在我的浏览器上测试,效果很好

然而,当我把网站上传到我的服务器上时,一些图片没有显示出来。下面是代码。图像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 online上进行测试)区分大小写。所以,大写或小写都很重要。谢谢你的建议@nevermind,尽管我检查了,它们都是小写的。这是我不知道的,稍后会考虑。去看看浏览器开发工具的网络面板-它会向你显示哪些图像请求会产生错误。如果是404s,那么您没有正确指定图像路径/文件名。