前端学习 第七弹： Javascript实现图片的延迟加载

Posted 2020-08-17

前端学习 第七弹： javascript实现图片的延迟加载

为了实现图片进入视野范围才开始加载首先：

<img    src="" x-src="/acsascasc.jpg">

这时src是空的没有加载图片

$(window).scroll(function (){
    $("img").each(function(){
        if ($(this).src == ""){
           if ( ($(this).offset().top + $(this).width()/2)<($(window).height()+$(window).scrollTop() ) ){
            $(this).attr("src",$(this).attr("x-src"));
            } 
        }
    });
    
});        

 

 

 

 

$().attr(,)    设置并返回元素的某个属性