Gif圖片有時沒有顯示，但顯示了替代文本？

Question

在頁面過渡期間，我使用gif圖像表示為“加載程序”。但是在前2或3個導航中，我可以看到圖像，其余的過渡（而不是圖像）只能看到我用空白imagebox給出的“ 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

您的“頁面”是否位於相同的文件/位置？ 確保圖像的相對路徑在所有使用位置均正確。

另一件事是清除瀏覽器緩存。

如果仍然無法正常工作，建議您在未加載時進行檢查，並查看瀏覽器的控制台。 取決於瀏覽器，但是大多數您可以右鍵單擊圖像，然后單擊“檢查元素”，或者非常相似的東西。

Answer 2

嘗試完全限定圖像。 如https://mywebsite.com/img/spinner.gif 。 現在，如果那失敗了，不要放棄生命，仍然有希望！ 我通常要做的是在具有div的css / Less類中添加圖像。 這樣，圖像通過dom加載，並且要隱藏n show，只需隱藏具有特定類的dom元素。

讓我知道是否可行。

干杯M8。