正常加载图像

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的插件，这是完美的。

只需在加载完所有图像后运行该功能。