1.在需要做延迟加载图片上,src 用统一的加载图片。
2.在 img 添加 file属性,指定真实的图片地址
3.在文档中加入如下js
$(document).ready(function(){
$(window).scroll( function() {
var imgs = $("img[file]");
for(var i = 0 ;i < imgs.size();i++){
var sct = $(window).scrollTop();
var t = $(imgs[i]).offset().top;
var wh = $(window).height();
if(t-sct < wh){
$(imgs[i]).attr("src",$(imgs[i]).attr("file"));
}
}
});
});