Html 有些图片没有';我不会出现在我的网站上

Html 有些图片没有';我不会出现在我的网站上,html,css,Html,Css,我有一个网站:,正如你所看到的,一些图片根本没有显示出来,把画廊的所有排列都弄乱了。他们的代码如下: <div class="der1"> <a href="images/dyer/1.jpg" rel="lightbox[dyer]"> <img src="images/dyer/1.jpg" /> </a> </div> <div class="der2"> <a href="images/dyer/2.jpg"

我有一个网站:,正如你所看到的,一些图片根本没有显示出来,把画廊的所有排列都弄乱了。他们的代码如下:

<div class="der1">
<a href="images/dyer/1.jpg" rel="lightbox[dyer]">
<img src="images/dyer/1.jpg" />
</a>
</div>
<div class="der2">
<a href="images/dyer/2.jpg" rel="lightbox[dyer]">
<img src="images/dyer/2.jpg" />
</a>
</div>


所有图像都是这样。我不明白他们为什么不来。当我在我的计算机上本地测试它们时,它们工作得很好。我没有更改目录,只是将它们压缩并全部上载。

好吧,这些图像不会显示出来,因为它们实际上不存在于服务器中。尝试用devtools跟踪它们,你会得到一个404。

嗯,这些图像不会显示出来,因为它们实际上不存在于服务器中。试着用devtools跟踪它们,你会得到一个404。

你已经从一个案例无关紧要的操作系统(可能是Windows)上传到了一个案例无关紧要的服务器(可能是Linux)

您将看到您的断开图像有一个URL,如

http://alfer-ks.eu5.org/images/dyer/12.jpg

但文件的实际名称是

http://alfer-ks.eu5.org/images/dyer/12.JPG

您已经从一个案例无关紧要的操作系统(可能是Windows)上传到了一个案例无关紧要的服务器(可能是Linux)

您将看到您的断开图像有一个URL,如

http://alfer-ks.eu5.org/images/dyer/12.jpg

但文件的实际名称是

http://alfer-ks.eu5.org/images/dyer/12.JPG

这部分是埃尔克兰斯在回答中提到的,但并不确切

通过快速浏览,我发现您引用了:

http://alfer-ks.eu5.org/images/dyer/5.jpg
此映像不会显示在linux或其他区分大小写的操作系统上,因为实际映像位于:

http://alfer-ks.eu5.org/images/dyer/5.JPG
如果文件名的文件类型
.jpg
具有
大写
字符,则应使用
.jpg
而不是
.jpg
引用它


你可以修复你的链接,或者尝试用小写文件类型重命名你的所有图像。

这部分是埃尔克兰斯在回答中提到的,但不完全是这样

通过快速浏览,我发现您引用了:

http://alfer-ks.eu5.org/images/dyer/5.jpg
此映像不会显示在linux或其他区分大小写的操作系统上,因为实际映像位于:

http://alfer-ks.eu5.org/images/dyer/5.JPG
如果文件名的文件类型
.jpg
具有
大写
字符,则应使用
.jpg
而不是
.jpg
引用它



您可以修复链接,或者尝试使用小写文件类型重命名所有图像。

对不起,我的错误。现在已修复。文件路径是否使用正确的大小写?将重定向到您提供的链接上的占位符-您是否可以先检查这是否有效(建议您尽快修复,因为这看起来像垃圾邮件)。除此之外,请尝试在损坏的图像上使用Chrome inspect工具(右键单击>inspect element),查看路径是否有问题。您还可以使用此工具上的“网络”选项卡获取错误代码/检查路径是否存在错误。链接正在运行,我找到了解决方案。这是图像的错。他们的扩展名是.JPG,而不是小写的.JPG。是的,应该归咎于图片。愚蠢的图像去改变自己的扩展,就像那样;)对不起,我弄错了。现在已修复。文件路径是否使用正确的大小写?将重定向到您提供的链接上的占位符-您是否可以先检查这是否有效(建议您尽快修复,因为这看起来像垃圾邮件)。除此之外,请尝试在损坏的图像上使用Chrome inspect工具(右键单击>inspect element),查看路径是否有问题。您还可以使用此工具上的“网络”选项卡获取错误代码/检查路径是否存在错误。链接正在运行,我找到了解决方案。这是图像的错。他们的扩展名是.JPG,而不是小写的.JPG。是的,应该归咎于图片。愚蠢的图像去改变自己的扩展,就像那样;)是的,谢谢你。我自己想出来的,但尽管如此,这是正确的答案,我正在做标记。我很好奇为什么我可以看到下面的照片,加上大写的“PNG”扩展名,而上面的照片缩小为浅绿色图标。是的,谢谢。我自己想出来了,但尽管如此,这是正确的答案,我正在做标记。我很好奇为什么我能看到下面的照片,加上大写的“PNG”扩展名,而上面的照片缩小为浅绿色图标。是的,这就是问题所在,我正在修复链接。但加雷斯跑得更快,没问题。问题解决了才是最重要的。。。谁得到了被接受的答案是第二个是的,这就是问题所在,我正在修复链接。但加雷斯跑得更快,没问题。问题解决了才是最重要的。。。谁得到被接受的答案是次要的