从javascript重新启动动画gif,而不重新加载图像

我正在使用动画gifs创建动画幻灯片。我正在从一个动画到下一个动画的交叉淡入淡出。问题是:我发现确保GIF从第一帧开始动画的唯一方法是每次显示时都重新加载它。每个gif都是200kb左右,这对于连续的幻灯片来说带宽太大了。

这是我目前的密码。 img 和 nextimg 是 <div> 包含单个 <img> 每一个。 nextimg_img 是 <IMG & GT; 与要显示的下一个图像对应的标记。

var tmp = nextimg_img.attr('src');
nextimg_img.attr('src', '');
setTimeout(function() { nextimg_img.attr('src', tmp); }, 0);
img.fadeOut('slow');
nextimg.fadeIn('slow');

其理念是 src 下一个图像的属性 '' ,然后将其设置回要显示的GIF源。

这是可行的-它从一开始就重新启动动画-但似乎每次显示gif都会重新加载。

编辑:这是一个循环幻灯片,我尽量避免在第二次/第三次/后续时间显示时从网上重新加载gif。