jquery - 优雅地加载图像

Question

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

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

显然，较大的图像需要更长的时间来加载，并且当它们像这样相互叠加时看起来很乱。

任何帮助表示赞赏。

Answer 1

http://jsfiddle.net/SxHNn/

等待图像加载然后开始间隔。@Starx 是正确的，特别是因为某些浏览器不会在缓存图像上触发加载事件。因此，如果没有 waitforimages，则在某些浏览器中刷新页面后，间隔将不会开始。使用我发布的小提琴，但使用.waitForImages插件而不是 jQuery.load

或者，因为您没有使用背景图像，您可以使用 Paul Irish 更简洁的解决方案：https ://gist.github.com/268257

Answer 2

对于您的情况，有一个名为waitforimages的插件，非常完美。

加载所有图像后，只需运行该函数。