求一个原生js实现图片延迟加载

Question

不明白你的意思 延时加载setTimeout 还是类似瀑布流？

Answer 1

src设置为一个默认的小图片，用自定义属性original或者其他osrc上面的存储实际的图片地址，onscroll判断下图片是否在显示屏上，在就设置图片的src为自定义属性中的值

Answer 2

function init(){
  var _resultDateStr =  "{'li': [{ 'url':'http://www.googuu.net/img/1.png' },{ 'url':'http://www.googuu.net/img/1.png' },{'url':'http://www.googuu.net/img/1.png''}]}";

var _jsonDate = eval('('+_resultDateStr+')');
        var _arrayImg = _jsonDate.li;
for(var i=0;i<_arrayImg.length;i++){
 var _links = Number(_arrayImg[i].url);
 var _li = "<div class='push_div ads_push'><dl class='clearfix'><dt><a href='"+_arrayImg[i].url+"'><img src='"+_arrayImg[i].url+"' width='136' height='190'></a></dt></dl></div>";
 $("#_ulorImg").append(_li);
 }
  }
  
function myScroll(){
$(window).scroll(function(){
var domHeight=$(document).height();//整个页面高度
var winHeight=$(window).height();//浏览器高度
var domScrolltop=$(document).scrollTop();//滚动高度
if(domHeight<=(winHeight+domScrolltop)) {
init();
}
});
}