js图片延迟加载的原理
现在很多网站都在使用图片延迟加载技术,当然如果你的主页图片少的可怜就算了,有一个叫lazyload的Jquery插件做的不错,百度一搜一大把,那么他的原理是什么呢?
其实比如默认你的图片是这样的
图片地址
它会给你改成这样的
[画像:图片链接]
这样就不会被加载了,那么这个时候就要绑定了,给他们绑定,判断滚动条是否大于距离顶部的高度,如果大于则把自定义属性original改成src就解决了。
里面的逻辑问题只要你屡屡都可以做出的,不妨试试each参数吧。
本文链接:https://xuexb.com/post/100.html
-- EOF --
发表于 2012年10月30日 15:57:20 ,添加在分类 前端技术 下 ,最后修改于 2017年04月19日 01:30:13
提醒: 本文最后更新于 3188 天前,文中所描述的信息可能已发生改变,请谨慎使用。
Comments
注:如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理。