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" />');