点击jQuery播放或替换GIF图像，从头开始

Question

我有一个网站上有图片。一些图像是动画GIF图像。我所做的是显示GIF的静态图像，并在点击事件中显示实际的GIF图像。

这是我的代码：

JQuery的

$(".theimage").click(function() {
$(this).addClass('hidden');
$(this).next().removeClass('hidden');
});
$(".theimage2").click(function() {
 $(this).addClass('hidden');
$(this).prev().removeClass('hidden');
});

HTML

<img class="theimage" src="image_static.gif" alt=""/>

<img class="theimage2 hidden" src="image_animated.gif" alt=""/>

CSS

.hidden{
display:none !important;
}

我正在更改上一个和下一个元素的类，因为我可能在一个页面上有多个GIF图像，从而阻止了对所有这些元素发生的操作。

到目前为止，脚本很有效。实际上我想要实现的是GIF图像始终从头开始。目前它只是第一次这样做。然后，看起来它继续在后台播放，在第二次通话时，它只是继续播放。有时甚至它会冻结，我想是与缓存有关。

那么，是否可以在每次调用GIF图像时重新加载？我尝试使用

+ new Date().getTime()

但在更改课程时似乎没有任何效果。

有什么想法吗？