-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdatalazy.html
27 lines (25 loc) · 1.97 KB
/
datalazy.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE HTML>
<html>
<head>
<title> New Document </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="dataLazy.js"></script>
</head>
<body>
<h2>js img delay loading demo</h2>
<!--<img src="images/grey.gif" data-img ="http://m3.img.libdd.com/farm4/d/2014/0111/18/3256C6587D94BDF9E9908908CAB6C5FD_B500_900_500_375.jpeg" width="800" height="600" isload="false"><br/>
<img src="images/grey.gif" data-img ="http://m3.img.libdd.com/farm4/d/2014/0111/18/23CC5BDD3730A819E498B703A40DE5CF_B250_400_250_187.jpeg" width="800" height="600" isload="false"><br/>
<img src="images/grey.gif" data-img ="http://m3.img.libdd.com/farm4/d/2014/0111/18/33F69B61E6671E4F6623F0D1084C42A8_B250_400_250_187.jpeg" width="800" height="600" isload="false"><br/>
<img src="images/grey.gif" data-img ="http://m3.img.libdd.com/farm5/d/2014/0111/18/7B87F0A2209D234D2AB907C62946A7FE_B250_400_250_187.jpeg" width="800" height="600" isload="false"><br/>
<img src="images/grey.gif" data-img ="http://m2.img.libdd.com/farm5/d/2014/0111/18/C37405D8DBC8D1BF69A9C894C32FA4DA_B250_400_250_187.jpeg" width="800" height="600" isload="false"><br/>
<img src="images/grey.gif" data-img ="http://m1.img.libdd.com/farm5/d/2014/0111/18/1433297A651DA0329E866FD2D2776C7F_B250_400_250_187.jpeg" width="800" height="600" isload="false"> -->
<div id="demo" style="height:600px;width:800px;overflow:scroll">
<img src="img/grey.gif" data-img ="img/1.jpg" width="800" height="600" isload="false"><br/>
<img src="img/grey.gif" data-img ="img/2.jpg" width="800" height="600" isload="false"><br/>
<img src="img/grey.gif" data-img ="img/3.jpg" width="800" height="600" isload="false"><br/>
<img src="img/grey.gif" data-img ="img/4.jpg" width="800" height="600" isload="false"><br/>
<img src="img/grey.gif" data-img ="img/5.jpg" width="800" height="600" isload="false"><br/>
<img src="img/grey.gif" data-img ="img/6.jpg" width="800" height="600" isload="false">
</div>
</body>
</html>