forked from sebarmeli/JAIL
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexample14_AMD_basicCall.html
48 lines (48 loc) · 1.83 KB
/
example14_AMD_basicCall.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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>jQuery Asynch Image Loader - Example 14 - AMD + basic call</title>
<script type="text/javascript" data-main="js/require-main" src="../lib/require.js"></script>
<style>
.content{float:left; width:auto;}
.content DIV {float:left; width:100%;}
</style>
</head>
<body>
<div id="wrapper">
<div class="content">
<p> Images visible in the viewport loaded after DOM is ready</p>
<div>
<img class="lazy" data-src="img/sample1.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript><img class="nolazy" src="img/sample1.jpg" width="420" height="320"/></noscript>
</div>
<div>
<img class="lazy" data-src="img/sample2.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript><img class="nolazy" src="img/sample2.jpg" width="420" height="320"/></noscript>
</div>
<div>
<img class="lazy" data-src="img/sample3.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript><img class="nolazy" src="img/sample3.jpg" width="420" height="320"/></noscript>
</div>
<div>
<img class="lazy" data-src="img/sample5.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript><img class="nolazy" src="img/sample5.jpg" width="420" height="320"/></noscript>
</div>
<div>
<img class="lazy" data-src="img/sample6.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript>
<img class="lazy" src="img/sample6.jpg" width="420" height="320"/>
</noscript>
</div>
<div>
<img class="lazy" data-src="img/sample7.jpg" src="img/blank.gif" width="420" height="320"/>
<noscript>
<img class="lazy" src="img/sample7.jpg" width="420" height="320"/>
</noscript>
</div>
</div>
</div>
</body>
</html>