html - GIF 图像不会在 HTML 中循环

Question

我试图在我的网页上放一个 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 正在无限循环。那么为什么它不在我的页面中？

谢谢 ！

ps：我用css设计了图片。我将它包裹在一个div中，以便不必要的白色部分在div之外。可能有关系。