Gif图像有时不显示但是alt文本正在显示？

Question

在页面转换期间使用gif图像表示为“加载器”。但是前2或3导航我可以看到图像和转换的其余部分而不是图像只能看到我给出的“alt”文本空白图像框。

我认为图片未加载，请检查我的代码

<div id="loadinggif" class="overlay"  align="center" style="display:none;">
<img src="img/gif.gif" alt="loader" height="50" width="50">
</div>

当我点击一页导航时使用以下代码

$('#loadinggif').css('display','block');

请检查我的屏幕截图，第一个是完美的工作，第二个screnshots显示我现在面临的确切问题。

Answer 1

你的网页是＆＃39;在同一个文件/位置？确保图像的相对路径在您使用它的任何地方都是正确的。

另一件事是清除浏览器缓存。

如果你仍然无法让它工作，我会建议在它没有加载时检查它，并查看浏览器的控制台。取决于浏览器，但大多数情况下您可以右键单击图像然后检查元素＆＃39;或类似的东西。

Answer 2

尝试完全限定图像。例如https://mywebsite.com/img/spinner.gif。现在，如果失败了，不要放弃生活，还有希望！我通常做的是，有一个带有css / Less类的div，其中包含图像。这样，图像通过dom加载，并隐藏n show，只需隐藏n显示具有该特定类的dom元素。

如果有效，请告诉我。

干杯M8。