优雅地加载图像

Question

如何使用此幻灯片更加优雅地加载图像？

http://jsfiddle.net/AndyMP/CkuKe/11/

较大的图像需要更长的时间来加载，显然，当他们彼此类似的顶部加载它看起来凌乱。

任何帮助表示赞赏。

Answer 1

http://jsfiddle.net/SxHNn/

等待图像负载然后开始的时间间隔。 @Starx是正确的，特别是因为一些浏览器不缓存加载事件缓存的图像。因此，如果没有waitforimages，在某些浏览器刷新页面后间隔不会启动。使用我张贴的小提琴，但或者因为你没有使用背景图片你，你保罗爱尔兰的更简洁的解决方案可以使用.waitForImages从撑着，而不是jQuery的.load

：https://gist.github.com/268257

Answer 2

对于你的情况，有一个插件称为waitforimages，这是完美的。

只有在所有图像加载完成后才能运行此功能。