0

我有一个网站，上面有图片。一些图像是动画 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()

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

有任何想法吗？

4

0 回答 0