Gif圖像有時不顯示，但其中的文字顯示？

在頁面轉換過程中，我使用gif圖像來表示爲'loader'。但是前2或3個導航我可以看到圖像和轉換的其餘部分而不是圖像我只能看到「alt」文本imagebox。Gif圖像有時不顯示，但其中的文字顯示？

我覺得圖像沒有加載，請檢查我的代碼

<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顯示現在面臨的確切問題。 enter image description here

enter image description here

2014-06-09 Bangalore

可能是因爲您使用的圖像的相對URL。嘗試使用絕對網址並查看是否有效。 – Veera

笏我sthis絕對的網址？ – Bangalore

示例絕對URL：http://example.com/img/someimg.gif – Veera

是在同一個文件/你的位置 '頁'？確保您使用的圖像的相對路徑正確無誤。

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

如果仍然無法正常工作，建議在未加載時檢查它，然後查看瀏覽器的控制檯。取決於瀏覽器，但大多數情況下，您可以右鍵單擊圖像，然後選擇「檢查元素」，或者類似的東西。

2014-06-09 17:59:53 Joe

沒有頁面位於不同的位置，即其MVC體系結構。那麼我怎麼能給相對路徑？ – Bangalore

我無法確定。如果您使用的是框架，它最有可能內置處理鏈接和資產的方式。 – Joe

，但請告訴我...解決此問題的一些方法 – Bangalore

嘗試完全限定圖像。如https://mywebsite.com/img/spinner.gif。現在，如果失敗了，不要放棄生活，還是有希望的！我通常做的，是有一個Css/Less類的div，其中有圖像。這樣，圖像通過dom加載，並隱藏n顯示，只需隱藏n顯示該特定類的dom元素。

讓我知道這是否有效。

乾杯M8。

2016-10-19 13:49:20 TGarrett

回答