在html頁面中包含一個gif

我不知道爲什麼一個簡單的gif圖像沒有被正確加載。在html代碼中，我有通常的在html頁面中包含一個gif

<img src="/img/loading.gif" alt="Loading" title="Loading" />

並且該文件位於該文件夾中。奇怪的是，如果我放在那裏/img/logo.png圖像加載正常。

文件名是正確的，我甚至複製並粘貼它重命名原始文件。

PS在Firefox 12，Safari瀏覽器測試6.0.2瀏覽器23.0.1271.95（全部適用於Mac）

2012-12-02 ghego1

鑑於該文件存在，它_should_工作。代碼很好。 web服務器沒有正確提供'loading.gif'嗎？ –

檢查您是否在服務器上上傳了該文件。它應該工作。 – Vucko

這可能是一個腐敗的gif。你的代碼應該與其他一些gif一起工作。如果你真的想讓損壞的gif工作，請嘗試在圖像編輯器程序中打開它，然後將它保存爲gif（或任何其他格式）。

2012-12-02 11:53:14 Sawant

是的，這是問題所在，我得出了同樣的結論（請參見下面的答案） – ghego1

愚蠢的問題，但到底是什麼你的GIF樣子？它是透明的還是白色的背景？

診斷問題的一種可能方法是（在Chrome或Firefox中），按F12調出開發人員工具並查看您的img元素以查看圖像是否已加載到DOM中。

2012-12-02 11:31:39

那麼圖像就是通常的旋轉圓圈，黑色的線條在透明的bg上旋轉。 Safari和Chrome顯示破碎的圖像符號，而Firefox則是alt文本。 – ghego1

你有一個在線的例子，或者你可以把jsfiddle放在一起來解決問題嗎？ –

不幸的是，它都是本地的，我試圖創建一個jsfiddle，但後來意識到可能是這個問題，我已經發布了答案，謝謝！ – ghego1

我認爲這個問題與gif文件有關，可能是某種程度上破壞了。我從隨機資源網站獲得並從中下載。

我試過了從http://www.ajaxload.info/得到的新文件，現在代碼保持不變，它工作正常。

編輯：「破損的」gif文件在系統中的其他地方正常工作（例如quicklook）。

2012-12-02 11:48:10 ghego1

回答