1
不同于:Restart an animated GIF from JavaScript without reloading the image刷新Gif动画缓存每个jQuery的悬停
我有播放一次(不重复循环)
我有它一个DIV中一个简单的gif动画图标。当用户将鼠标悬停在DIV上时,我想要播放GIF。当它们移出时,DIV关闭。当我想他们再次播放GIF回迁 - 我可以使用jQuery的力量缓存:
HTML:
<div class="datebox magicbox_1" id="date_1">
<img id="magicimage_1" class="magicimg" src="assets/img/dates/gifpicture.gif" alt=""/>
</div>
的jQuery:
$("#date_1").hover(function() {
$("#magicimage_1").show();
}, function() {
$("#magicimage_1").hide();
});
// thought about these
/*
var myImg = new Image();
myImg.src = "image.gif?rnd=" + Math.random();
img src="filename.gif?rand=<#?=rand(1,1000);?>" alt=""
*/
所以每次格框徘徊;它会一直加载gif图像 - 我不介意它redownloading只要它再次播放.. – TheBlackBenzKid
我不能使用image.src属性,因为这些图像隐藏在服务器上 - 它们不能显示为公共(URL将仅在特定时间出现) – TheBlackBenzKid
@TheBlackBenzKid最主要的是重置src属性。这是什么将使它重新加载。所以如果你不需要缓存,那么只需设置图像的src属性即可。所以,.attr('src',“image.gif?rnd =”+ Math.random()),或者你想在那里做的任何事情。 – Matt