jQuery无限滚动/延迟加载

Ted*_*Ted 21 javascript jquery scroll lazy-loading infinite

我正在重新设计我的网站,并一直在寻找使用JavaScript和jQuery.这是我到目前为止:http://www.tedwinder.co.uk/gallery2/.

我的愿景是将所有照片放在一个页面上,用户可以像现在一样滚动浏览.但是,我理解在一个页面上有50多个大图像的限制和影响,并考虑使用无限滚动和延迟加载,我理解只会在用户到达时加载图像,或者当他们点击时"更多"链接?

所以,我的问题是:这会降低页面加载,我究竟会去有效地实施无限滚动/延迟加载和将这项工作,或者你能想到的这样做的任何更有效的方法?

谢谢,特德

Pep*_*per 12

这是一个非常好的jQuery插件,可以处理图像延迟加载.

http://www.appelsiini.net/projects/lazyload

折叠下方的图像不会被加载,直到它们滚动到视图中.

它会减少你网站的带宽,但是如果你没有很多流量,它就不会产生太大的影响.

有关使用此技术的示例,请查看http://mashable.com/

  • 可悲的是,这个插件目前还没有用.来自作者:_"Lazy Load目前无法使用.它无法按预期使用最新的浏览器."_有没有人知道可行的替代方案? (6认同)