首页 > 代码库 > 前端学习 第七弹: Javascript实现图片的延迟加载
前端学习 第七弹: Javascript实现图片的延迟加载
前端学习 第七弹: Javascript实现图片的延迟加载
为了实现图片进入视野范围才开始加载首先:
<img src="" x-src="http://www.mamicode.com/acsascasc.jpg">
这时src是空的没有加载图片
$(window).scroll(function (){ $("img").each(function(){ if ($(this).src =http://www.mamicode.com/=""){ if ( ($(this).offset().top + $(this).width()/2)<($(window).height()+$(window).scrollTop() ) ){ $(this).attr("src",$(this).attr("x-src")); } } }); });
$().attr(,) 设置并返回元素的某个属性
前端学习 第七弹: Javascript实现图片的延迟加载
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。