首页 > 编程语言 > 详细

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

时间:2016-11-07 02:12:49      阅读:183      评论:0      收藏:0      [点我收藏+]

前端学习 第七弹: 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实现图片的延迟加载

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!