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 - “缓存的Gif动画在重新加载时不会重置”。您可以在此处查看更多信息： 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动画

1 个答案: