首页 > 其他 > 详细

图片延时加载

时间:2015-05-07 18:18:37      阅读:186      评论:0      收藏:0      [点我收藏+]

虽然工作中今天没有用到,但是为了学习;

 

态度决定一切!

 

原理:

  1.获取当前img URL地址

  2.在img中设置DATA-url(自定义属性),为了存放真是图片地址;

  3.判断窗口至上往下的位置(这里要注意 $(window).height()  $(window).scrollTop() 

  4.元素属性交换:将前面设置的DATA属性和SRC属性交换。

 

根本原理:先把图片src至为空,将地址存在DATA-url属性里。

图片延时加载

原文:http://www.cnblogs.com/h376328101/p/4485635.html

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