GIF动画不玩刷新(gif animation not playing on refresh)

2019-06-26 05:54发布

我第一次浏览网页与动态.gif小青在页面加载(持续约2秒)的罚款。

在刷新(F5),.gif文件不再戏剧和只显示GIF动画的最后一帧。

有什么我能做的做,以确保它起着每次?

Answer 1:

对于PHP的更好的选项,然后使用date("Ymdgis"); 是使用time()如下所示:

<img src="picturePath.gif?<?php echo time();?>" />


Answer 2:

奇怪的行为,这会影响每一个浏览器..
我通常用这个脚本(它使用jQuery的)手动刷新

<img id="gif_animata" src="picturePath.gif">
<script type="text/javascript">
    var gifSource = $('#gif_animata').attr('src'); //get the source in the var
    $('#gif_animata').attr('src', ""); //erase the source     
    $('#gif_animata').attr('src', gifSource+"?"+new Date().getTime()); //add the date to the source of the image... :-) 
</script>

这将刷新图像添加当前日期的src,因此浏览器将重新加载它,以为这是一个新的形象。

否则,在PHP的方式(我喜欢这个):

<img src="picturePath.gif?<?php echo date("Ymdgis");?>" />

//for the browser it will seems that's a new picture!
<img src="picturePath.gif?2012092011207">


Answer 3:

这对我的作品对这个问题的解决方法是重新加载使用Javascript手动GIF

GIF的CSS实现(背景图像)

var element = document.getElementById(name);
element.style.backgroundImage = "none";  
element.style.backgroundImage = "url(imagepath.gif?"+new Date().getTime()+")";

GIF的HTML实现(img标签)

var element = document.getElementById(name);
element.src = "";  
element.src = "imagepath.gif?"+new Date().getTime();

由于@sekmo



Answer 4:

这工作,只需要在它下面一行,并我建议不填充<img>在第一所以页面不会尝试加载任何不必要的资源src属性。

<img id="gif" src=""/>
<script>document.getElementById('gif').src="path_to_picture.gif?a="+Math.random()</script>


Answer 5:

这可能是因为您的浏览器只是显示缓存的版本。 抱着试试看的转变,令人耳目一新,看看它是否工作。



文章来源: gif animation not playing on refresh