如何使用此幻灯片更优雅地加载图像?
http://jsfiddle.net/AndyMP/CkuKe/11/
显然,较大的图像需要更长的时间来加载,并且当它们像这样相互叠加时看起来很乱。
任何帮助表示赞赏。
如何使用此幻灯片更优雅地加载图像?
http://jsfiddle.net/AndyMP/CkuKe/11/
显然,较大的图像需要更长的时间来加载,并且当它们像这样相互叠加时看起来很乱。
任何帮助表示赞赏。
等待图像加载然后开始间隔。@Starx 是正确的,特别是因为某些浏览器不会在缓存图像上触发加载事件。因此,如果没有 waitforimages,则在某些浏览器中刷新页面后,间隔将不会开始。使用我发布的小提琴,但使用.waitForImages
插件而不是 jQuery.load
或者,因为您没有使用背景图像,您可以使用 Paul Irish 更简洁的解决方案:https ://gist.github.com/268257
对于您的情况,有一个名为waitforimages的插件,非常完美。
加载所有图像后,只需运行该函数。