html - Gif 图像有时不显示但替代文本显示？

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');

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

Answer 1

您的“页面”是否在同一文件/位置？确保图像的相对路径在您使用它的任何地方都是正确的。

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

如果您仍然无法让它工作，我建议在它未加载时检查它，并查看浏览器的控制台。取决于浏览器，但大多数情况下您可以右键单击图像，然后单击“检查元素”或类似的操作。