刷新页面上的 Reste 动画 gif

Question

所以我最近使用了这段代码，因此动画 gif 可以在刷新页面后再次工作并且它在 chrome、safari、Internet Explorer 除了 firefox 中工作正常，我需要帮助

jQuery:

$(img).css("background-image","url('../images/rt2/728x90_Animated_bg_2x.gif"+"?a="+Math.random()+"')");

Answer 1

可能是为了解决 Bug 129986 - "Cached Gif animations don't reset on reload"。您可以在此处查看更多信息： http://apod.nasa.gov/apod/ap141202.html

nasa.gov 网站似乎至少与 firefox 有同样的问题： http://apod.nasa.gov/apod/ap141202.html

gif 将运行大约 4 次然后停止。刷新页面 (F5) 无法解决问题。但是，如果您手动刷新缓存，它将起作用 (CRTL + F5)。

我用 firefox 测试了下面的代码，gif 一直在播放。

var img = new Image();
src = '../images/rt2/728x90_Animated_bg_2x.gif';
img.src=src;

setInterval(function(){
    t=new Date().getTime();
    $("img").attr("src", src+'?'+t);
},5000);

编辑:

我试过你最初的方法，但运行遇到了同样的麻烦（img 没有显示）。以下在 Firefox 中对我有用。

var img = new Image();
src = '../images/rt2/728x90_Animated_bg_2x.gif' + '?a=' + Math.random();
img.src=src;
$('img').css('background-image',"url("+img.src+")");

刷新页面上的 Reste 动画 gif

Reste Animated gif on refreshing page

html

javascript

css

jquery

animated-gif