Javascript 非循环动画Gif赢得'；重新加载网页时不能重播_Javascript_Html_Css

Javascript 非循环动画Gif赢得'；重新加载网页时不能重播

javascript html css

Javascript 非循环动画Gif赢得'；重新加载网页时不能重播,javascript,html,css,Javascript,Html,Css,我已经创建了一个动画gif，只在焰火中播放一次我已将其放在网页上：但是，如果你在Chrome或Firefox中刷新页面，gif将不再播放我的代码是： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Hollywood vs the Great Outdoors</title> <style> #case_1 {position:ab

我已经创建了一个动画gif，只在焰火中播放一次

我已将其放在网页上：

但是，如果你在Chrome或Firefox中刷新页面，gif将不再播放

我的代码是：

<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Hollywood vs the Great Outdoors</title>

<style>
#case_1 {position:absolute;top:0px;left:0px;z-index:50;}
</style>
</head>

<body>

<div id="case_1"><img src="dvd_open_1.gif" /></div>

</body>
</html>


好莱坞vs伟大的户外
#案例1{位置：绝对；顶部：0px；左侧：0px；z索引：50；}

有人能帮忙吗？问候

Greg

发生这种情况的原因是浏览器正在缓存图像..某种程度上

<div id="case_1"><img id="image" src="dvd_open_1.gif" /></div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#image").attr("src", "dvd_open_1.gif?" + Math.random());
    });
</script>


$（文档）.ready（函数（）{
$（“#image”）.attr（“src”、“dvd_open_1.gif？”+Math.random（））；
});

基本上，这是添加一个随机字符串？randomNumberString，它欺骗浏览器认为它是不同的文件

p、要使用jQuery（document）.ready函数，您需要将jQuery库包含到文件中。

谢谢-我会尝试的！）这也会迫使浏览器再次下载整个图像-如果它是一个大图像（字节和视觉），如示例中所示，可能会出现用户可见的小故障（卸载图像，感知到“帧跳跃”）。这是正确的。这就是为什么对于这么大的动画，他应该选择Adobe Flash或类似的东西。