使用jquery实现的一个图片延迟加载插件(含图片延迟加载原理)
如果用户仅仅在首屏停留,还可以节省流量。因为是使用javascript来加载图片,如果用户禁用了javascript,可以设置一个替代的方案。页面初次加载时获取图片在页面中的位置并缓存,计算出可视区域,当图片的位置出现在可视区域中,将src的值替换成真实的地址,此时图片就开始加载了。当页面滚动的时候,再判断图片已经缓存的位置值是否出现在可视区域内,进行替换src加载。当所有的图片都加载完之后,将相应的触发事件卸载,避免重复操作引起的内存泄漏。下面是实现的代码,我写成了jQuery插件。图片延迟加载的插件API说明:attr stringcontainer dom & selectorevent stirngfadeIn booleanthreshold numbervertical booleanloadScript boolean
下载地址
用户评论