7

我创建了一个仅在 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>

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

4

1 回答 1

7

发生这种情况的原因是浏览器正在缓存图像..排序。

<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 ，它会欺骗浏览器认为它是不同的文件。

ps 你需要将 jQuery 库包含到你的文件中才能使用 jQuery(document).ready 函数。

于 2013-11-04T11:30:21.987 回答