我的.gif動畫不顯示在谷歌瀏覽器中？任何想法爲什麼？

var loadUrl = "winners.php"; 
var ajax_load = '<div class="preloaders"><img src="img/preloader.gif" alt="Loadig..."></div>'; 

$(".page").click(function(){ 
    $(".main").html(ajax_load).load(loadUrl); 
});

我想在網頁中顯示我的.gif動畫，但它在Google Chrome中不起作用。有了Firefox，就沒有問題了。這個想法是點擊加載內容，如果它需要時間來顯示preloader。我的.gif動畫不顯示在谷歌瀏覽器中？任何想法爲什麼？

來源

2013-09-25 user2350143

如果可能，請添加JSFiddle。 – 123

我已經從標籤中刪除了'php'和'database'，因爲問題似乎與任何方面都沒有關係，並且我已經添加了'animated-gif'和'google-chrome'。 – Spudley

我認爲問題在於您使用javascript輸出預加載圖像。然後，您在網站加載時首先看到圖像。

更好的方法是直接在您的網站上通過HTML輸出圖像而不使用JavaScript。

<div id="preloaders" style="display: block;"><img src="img/preloader.gif" alt="Loadig..."></div>

如果javascript已加載，並且您的所有內容都已準備就緒，請隱藏div。

$('#preloaders').hide();

來源

2013-09-25 11:05:24 Stony

http://jsfiddle.net/rsU6x/1/ – user2350143

這就是我看到http://jsfiddle.net/8f64X/它不顯示gif動畫..路線是正確的..和IDF它不會顯示「加載」。 – user2350143

該圖像不可用。無法加載資源：服務器響應狀態爲404（未找到），可能是jsfiddle沒有顯示正確。你做了預載圖像嗎？ – Stony

我的.gif動畫不顯示在谷歌瀏覽器中？任何想法爲什麼？

回答

相關問題