码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2016-11-07 02:13:57      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:属性   attr   window   top   rip   his   sas   blog   color   

前端学习 第七弹: 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(,)    设置并返回元素的某个属性

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

标签:属性   attr   window   top   rip   his   sas   blog   color   

原文地址:http://www.cnblogs.com/Ccf-SongHaoLun/p/6036766.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!