懒加载:可以降低服务器压力。也可以节省用户打开网页的时间。
具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载。
思路:将页面里所有img属性src属性用data-src代替,当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。
核心代码:
img.attr("src", show.attr("data-src"));
需要引用Jquery
本文为Davidvivi原创文章,转载无需和我联系,但请注明来自Davidvivi博客weixia.xin 本人微信:ww646904527,备注博客