GIF图像在HTML中不循环

我想在我的网页上放一个gif， 然而，它只转了一圈就停了下来

我这样说：我把它直接放到HTML源代码中

<img src='http://25.media.tumblr.com/tumblr_mclsum7WN01r8p5cro1_500.gif'></img>

然而，奇怪的是，我用JavaScript动态插入它，没有问题。我是这样做的：

<script>
$( "#my_button" ).click(function(){
document.getElementById("myDiv").innerHTML = "<a>Please wait, loading...</a><img src='http://25.media.tumblr.com/tumblr_mclsum7WN01r8p5cro1_500.gif'></img>";       
});
</script>

或者可能装载过程很短，在转弯前就消失了

但是不管怎样，原始的gif是无限循环的，正如你所看到的。那为什么它不在我的页面中呢

谢谢

---

p、 s:我用css设计了图像的样式。我将其包装在一个div中，这样不必要的白色部分就在div之外。可能是相关的。

您使用的浏览器是什么？当您说您之前使用Javascript时，是否意味着JS不工作，或者它现在也不能在纯HTML中工作？这是一种浏览器行为，它不会通过设计或选择播放动画gif。例如，在Opera的F12菜单中，启用动画images@autibyte铬。我的意思是，我之前是用JavaScript动态插入它的，现在我直接把它放到HTML代码中。加载完成后，我将设置.css的“可见性”和“隐藏”。