jquery.lazyload 实现图片延迟加载jquery插件

2020-05-22 16:29:56易采站长站整理


<script type=”text/javascript”>
KISSY.ImageLazyload({
mod: “manual”, // 延迟模式。默认为 auto
diff: 200 // 当前屏幕下多远处的图片开始延迟加载。默认两屏外的图片才延迟加载
});
</script>

manual 模式时,需要手动将页面中需要延迟加载的图片的 src 属性名更改为 data-lazyload-src. 比如 SRP 页面,宝贝列表的后20个图片延迟加载。 输出时,html 代码为:


<img data-lazy-src=”path/to/img” alt=”something” />


如果您是Jquery,Prototype等这些JS框架的粉丝,他们都有定制的LazyLoad Plugin提供;


可查看http://www.appelsiini.net/projects/lazyload


LazyLoad(延迟加载)技术不仅仅用在对网页中图片的延迟加载,对数据同样可以,Google Reader和Bing图片搜索就把
LazyLoad技术运用的淋漓尽致;