wang-zi-hao-imglazyload v1.0.2

fs

图片

        let box = document.querySelector('.container');
        for(let i = 1;i<=10;i++){
            box.innerHTML += `<div><img src= './img/loading.gif' data-src = './img/(${i}).png'/></div>`
        }
        let imglist = box.querySelectorAll('div>img');
        
        addEventListener('scroll',()=>{
            imglist.forEach((item,ind)=>{
                if(item.getBoundingClientRect().top<window.innerHeight){
                    lazyLoadImg(item)
                };
            })
        })
        function lazyLoadImg(Element){
            return new Promise((resolve,reject)=>{
                let url = Element.getAttribute('data-src');
                let nowimg = new Image();
                nowimg.src = url;
                nowimg.onload=()=>{
                    Element.src = nowimg.src
                    resolve();
                };
            })
        };
    ```