Skip to content

Commit 652d4d0

Browse files
author
Kevin Kirchner
committed
Changed all "data-src" references to "data-frz-src" in all test files and readme to fix issue caused by revision 1f7fa98 
1 parent 1f7fa98 commit 652d4d0

14 files changed

+79
-79
lines changed

‎README.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ you do not have any other scripts in the `<head>`.
2222

2323
```html
2424
<img
25-
data-src="real/image/src.jpg"
25+
data-frz-src="real/image/src.jpg"
2626
src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
2727
onload=lzld(this) onerror=lzld(this) />
2828
```

‎test/14.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -6,9 +6,9 @@
66
<style>html,body{background:#00f}</style>
77
</head>
88
<body>
9-
<img width=200 height=200 data-src="imgs/test-image.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
9+
<img width=200 height=200 data-frz-src="imgs/test-image.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
1010
<div style="margin-top:300px"></div>
11-
<img data-src="imgs/google-mail.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
11+
<img data-frz-src="imgs/google-mail.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
1212
<div style="margin-top:300px"></div>
1313
</body>
1414
</html>

‎test/ajax-loaded-images-ondemand.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010

1111
<h1>This test checks that after-onload ajax inserted images can still be lazyloaded</h1>
1212

13-
<img data-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
13+
<img data-frz-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
1414

1515
<button id="clickme">click here to load more</button>
1616
<script>

‎test/ajax-loaded-images.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,15 @@
1616
<h1>This test checks that ajax inserted images can be lazyloaded</h1>
1717

1818
<div style="margin-top:300px"></div>
19-
<img data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
19+
<img data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
2020
<div style="margin-top:300px"></div>
21-
<img data-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
21+
<img data-frz-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
2222
<div style="margin-top:300px"></div>
23-
<img data-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
23+
<img data-frz-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
2424
<div style="margin-top:300px"></div>
25-
<img data-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
25+
<img data-frz-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
2626
<div style="margin-top:300px"></div>
27-
<img data-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
27+
<img data-frz-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
2828

2929
<h1>And now ajax images</h1>
3030
<div id="ajax"></div>

‎test/ajax/images.html

+15-15
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,30 @@
1-
<img width=200 height=200 data-src="http://1.cuzillion.com/bin/resource.cgi?type=gif&sleep=2&n=1&t=1332777237" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
1+
<img width=200 height=200 data-frz-src="http://1.cuzillion.com/bin/resource.cgi?type=gif&sleep=2&n=1&t=1332777237" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
22
<div style="margin-top:300px"></div>
3-
<img data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
3+
<img data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
44
<div style="margin-top:300px"></div>
5-
<img data-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
5+
<img data-frz-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
66
<div style="margin-top:300px"></div>
7-
<img data-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
7+
<img data-frz-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
88
<div style="margin-top:300px"></div>
9-
<img data-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
9+
<img data-frz-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
1010
<div style="margin-top:300px"></div>
11-
<img data-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
11+
<img data-frz-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
1212
<div style="margin-top:300px"></div>
13-
<img data-src="imgs/7.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />g
13+
<img data-frz-src="imgs/7.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />g
1414
<div style="margin-top:300px"></div>
15-
<img data-src="imgs/8.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />h
15+
<img data-frz-src="imgs/8.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />h
1616
<div style="margin-top:300px"></div>
17-
<img data-src="imgs/9.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />i
17+
<img data-frz-src="imgs/9.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />i
1818
<div style="margin-top:300px"></div>
19-
<img data-src="imgs/10.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />j
19+
<img data-frz-src="imgs/10.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />j
2020
<div style="margin-top:300px"></div>
21-
<img data-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
21+
<img data-frz-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
2222
<div style="margin-top:300px"></div>
23-
<img data-src="imgs/12.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />l
23+
<img data-frz-src="imgs/12.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />l
2424
<div style="margin-top:300px"></div>
25-
<img data-src="imgs/13.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />m
25+
<img data-frz-src="imgs/13.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />m
2626
<div style="margin-top:300px"></div>
27-
<img data-src="imgs/14.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />n
27+
<img data-frz-src="imgs/14.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />n
2828
<div style="margin-top:300px"></div>
29-
<img data-src="imgs/15.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />o
29+
<img data-frz-src="imgs/15.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />o
3030
<script type='text/javascript' src='http://1.cuzillion.com/bin/resource.cgi?type=js&sleep=5&n=1&t=1328809296'></script>

‎test/detached-below-the-fold.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ <h1>When</h1>
1515

1616
<div style="margin-top:3000px; width:100px; height:200px"></p>
1717
<div style="margin-top:300px; width:100px; height:200px; background:blue"></div>
18-
<img id="removeme" data-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
18+
<img id="removeme" data-frz-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
1919

2020
<script>
2121
$(function() {

‎test/detached-in-viewport.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
// polling for not-yet-loaded images
1313
// but that's expensive
1414
// if you resize and scroll down, it will be shown
15-
var $img = $('<img data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />');
15+
var $img = $('<img data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />');
1616
$(window).load(function() {
1717
setTimeout(function(){
1818
$('#ajax').append($img);

‎test/double-script.html

+15-15
Original file line numberDiff line numberDiff line change
@@ -17,35 +17,35 @@ <h1>This test checks that when lazyload scripts is inserted more than once</h1>
1717
<h2>We do not fail</h2>
1818
<p>Like calling an ajax html page that has the script in it</p>
1919

20-
<img width=200 height=200 data-src="http://1.cuzillion.com/bin/resource.cgi?type=gif&sleep=1&t=1332777237" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
20+
<img width=200 height=200 data-frz-src="http://1.cuzillion.com/bin/resource.cgi?type=gif&sleep=1&t=1332777237" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
2121
<div style="margin-top:300px"></div>
22-
<img data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
22+
<img data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />b
2323
<div style="margin-top:300px"></div>
24-
<img data-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
24+
<img data-frz-src="imgs/3.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />c
2525
<div style="margin-top:300px"></div>
26-
<img data-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
26+
<img data-frz-src="imgs/4.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />d
2727
<div style="margin-top:300px"></div>
28-
<img data-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
28+
<img data-frz-src="imgs/5.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />e
2929
<div style="margin-top:300px"></div>
30-
<img data-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
30+
<img data-frz-src="imgs/6.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />f
3131
<div style="margin-top:300px"></div>
32-
<img data-src="imgs/7.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />g
32+
<img data-frz-src="imgs/7.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />g
3333
<div style="margin-top:300px"></div>
34-
<img data-src="imgs/8.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />h
34+
<img data-frz-src="imgs/8.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />h
3535
<div style="margin-top:300px"></div>
36-
<img data-src="imgs/9.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />i
36+
<img data-frz-src="imgs/9.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />i
3737
<div style="margin-top:300px"></div>
38-
<img data-src="imgs/10.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />j
38+
<img data-frz-src="imgs/10.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />j
3939
<div style="margin-top:300px"></div>
40-
<img data-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
40+
<img data-frz-src="imgs/11.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />k
4141
<div style="margin-top:300px"></div>
42-
<img data-src="imgs/12.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />l
42+
<img data-frz-src="imgs/12.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />l
4343
<div style="margin-top:300px"></div>
44-
<img data-src="imgs/13.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />m
44+
<img data-frz-src="imgs/13.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />m
4545
<div style="margin-top:300px"></div>
46-
<img data-src="imgs/14.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />n
46+
<img data-frz-src="imgs/14.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />n
4747
<div style="margin-top:300px"></div>
48-
<img data-src="imgs/15.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />o
48+
<img data-frz-src="imgs/15.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />o
4949
<div id="ajax"></div>
5050
</body>
5151
</html>

‎test/fast-domready.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -19,9 +19,9 @@ <h2>Found src should be <b>imgs/2.jpg</b></h2>
1919

2020
<p>Found src: <i></i></p>
2121

22-
<img style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
22+
<img style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
2323

24-
<p>This test check that when the domready event is really fast, we still manage to show the image and switch data-src/src attributes.</p>
24+
<p>This test check that when the domready event is really fast, we still manage to show the image and switch data-frz-src/src attributes.</p>
2525

2626
<p>This will still not work for scripts trying to get the src of lazyloaded images below the fold as their src will still be a blank data-uri image.</p>
2727

‎test/getattribute.html

+4-4
Original file line numberDiff line numberDiff line change
@@ -45,15 +45,15 @@
4545

4646
<p style="background: #fff">It passes if it says `success`: <span id="result"></span></p>
4747

48-
<img id="img1" style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
48+
<img id="img1" style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
4949

50-
<img id="img2" style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
50+
<img id="img2" style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
5151

5252
<div style="height:900px"></div>
5353

54-
<img id="img3" style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
54+
<img id="img3" style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
5555

56-
<img id="img4" style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
56+
<img id="img4" style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/1.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />
5757

5858
<script>
5959
// before dom ready

‎test/onload.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ <h1>Hide images onload test</h1>
2323
<br/><img width=444 height=450 src=./imgs/17.jpg class=big2 />
2424
<br/><img width=444 height=450 src=./imgs/17.jpg class=big2 />
2525
<blink>BAMMMMMMMMMMM! not shown</blink>
26-
<img style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
26+
<img style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
2727

2828
<script type='text/javascript' src='http://1.cuzillion.com/bin/resource.cgi?type=js&sleep=1&n=1&t=1328809296'></script>
2929
</body>

‎test/slow-domready.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
<h1>Document Not Ready ...</h1>
1515
<h2>Image should be shown before domready</h2>
1616

17-
<img style="border:10px solid #000;display:block" width=200 height=200 data-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
17+
<img style="border:10px solid #000;display:block" width=200 height=200 data-frz-src="imgs/2.jpg" src=data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw== onload=lzld(this) onerror=lzld(this) />a
1818

1919
<p>This test check that even if domready event is very slow, we still manage to show a lazyloaded image before the script.</p>
2020

0 commit comments

Comments
 (0)