javascript - 如何在新页面上重新启动 gif 动画?

标签 javascript animation gif

我制作了一个运行了几秒钟的 GIF 动画,并且没有循环播放。当我将 gif 放在不同的页面上时,动画不会重新启动,因为它已缓存......它只停留在最后一帧。当它在新页面上时,如何让它重新启动?我知道如何重命名它或添加“?”到它,但它会给我带来带宽问题。

如有任何帮助,我们将不胜感激。

最佳答案

我不确定这种方法是否会导致浏览器第二次从您的服务器请求 GIF,但这应该会强制 GIF 动画在后续页面上重新启动:

您的图片:

<img id="animatedgif" src="picture.gif">

在页面底部,靠近结束 BODYHTML 标签:

<script type="text/javascript">
    document.getElementById("animatedgif").src = "";
    document.getElementById("animatedgif").src = "picture.gif";
</script>

关于javascript - 如何在新页面上重新启动 gif 动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3425127/

相关文章:

javascript - Google 脚本 - 无法写入单个二维数组元素

javascript - 将键添加到数组然后组合(有更好的方法吗?)

javascript - 标签式菜单动画

javascript - 你能用Javascript控制GIF动画吗?

iphone - 如何开始为 tableView 中的每个单元格制作 .gif 动画?

javascript - Angular ajax : Unexpected token I in JSON at position 0

javascript - 如何使用 javascript/jquery 从 url 中提取文件名?

javascript - 为什么我的元素在动画完成后不再隐藏?

php - 基于 mySQL 变量的带有 jquery 的圆柱体中的水动画

ffmpeg - 如何使用ffmpeg在视频上添加水印为gif和文本