GIF图像不会在HTML中循环

Question

我正在尝试将gif（this one）放到我的网页上， 然而，它只转了一圈就停了。

我这样说:(我把它直接放到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之外。可能是相关的。