Question

我创建了一个只能在Fireworks中播放一次的动画gif。

我已将其放在网页上：http://www.mediaworks.co.uk/content-marketing/hollywood-survival/index.html

但如果您在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>

有人可以帮忙吗？亲切的问候格雷格

Answer 1

之所以发生这种情况，是因为浏览器正在缓存图像。

<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>

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

P.S。您需要将jQuery lib包含到您的文件中以使用jQuery（document）.ready函数。

非循环动画Gif将不会重播网页重新加载

1 个答案: