原生js图片懒加载-即用

编码时要注意所有的img标签里的src属性都要写成_src
函数getPos是为了得到obj的定位父级的left和top值。

function getPos(obj){
    var l=0;
    var t=0;
    while(obj){
        l+=obj.offsetLeft;
        t+=obj.offsetTop;
        obj=obj.offsetParent;
    }
    return {left:l,top:t};
};
window.onload=window.onscroll=window.onresize=function(){
    var aImg=document.getElementsByTagName('img');
    var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
    var clientHeight=document.documentElement.clientHeight;
    for(var i=0; i=aImgTop){
            aImg[i].src=aImg[i].getAttribute('_src')
        }
    }
};

要注意加的事件有onload onscroll onresize后续代码冲突的话要做处理。可以用闭包来解决。

你可能感兴趣的:(原生js图片懒加载-即用)