jQuery动画大图不是很流畅

问题描述:

我写了this(jsfiddler)创建幻灯片的插件。它工作正常,但问题是,我必须使用它的大背景图像。在Chrome中,它非常流畅,但在IE和FF中,转换非常笨重和迟缓。jQuery动画大图不是很流畅

在以下链接中,您可以找到一个在所提及的浏览器中速度非常慢的示例。

http://www.friendly-stranger.com/projects/kick/

的图像他们自己都有点优化,围绕180KB。

您可能会反覆回避。为什么使用jQuery为背景图像创建图像幻灯片?为什么不创建一个GIF动画并将其设置为身体标记的背景?这样,你唯一的开销就是下载图像。

+1

不,我想你正在考虑它。如果他想添加一个图像呢?他将不得不重做gif。 – 2011-02-12 16:42:17

+0

@invisible bob - 的确如此。但是,如果您正确设置GIF(并且拥有一半体面的软件),则添加其他图像(或移除图像)并推出新的GIF非常简单。所以,这绝对是一个可行的解决方案(当然,这是假设他可以接受GIF格式)。 – JasCav 2011-02-12 16:46:15

他们都为我工作,只是确保函数等待图像加载运行(jsfiddle自动执行此操作)。我会建议让div开始隐藏,并在完成加载时出现。它隐藏了滞后(如果有的话)。 http://jsfiddle.net/RT96d/3/