码迷,mamicode.com
首页 > 其他好文 > 详细

图片延时加载

时间:2015-05-07 18:21:31      阅读:124      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!