Gif圖像不顯示在html頁面

Question

我有一個html頁面，雖然它正在等待來自服務器的數據，它應該顯示一個動畫gif圖像以顯示它正在等待。

這是代碼：

$("#display").append('<img src="/templates/image.gif alt="red" width="30" height="30" " />'); 

這是HTML：

<div style="margin:0 auto;" id="display"></div> 

GIF動畫從GIF生成採取：http://www.ajaxload.info/投入的相關目錄。

但是，所有顯示的內容都是Google Chrome瀏覽器中的「圖片損壞圖標」，Firefox中沒有顯示任何內容。它似乎不能訪問.gif file，因爲我嘗試從服務器訪問文件時遇到了404 error。儘管我可以在工作區的目錄中看到它。

我看不出有什麼問題。

謝謝

Answer 1

Firefox隱藏'破碎的圖像'和Chrome/Internet Explorer顯示一個破碎的圖像佔位符。

好像你沒有關閉src屬性。

$("#display").append('<img src="/templates/image.gif alt="red" width="30" height="30" " />'); 

應該

$("#display").append('<img src="/templates/image.gif" alt="red" width="30" height="30" />');