What it does
When a large display of e.g. many thumbnails or many images in a filmstrip are potentially visible, only the ones that are actually inside the viewport c.q. browser window will be loaded from the server. As soon as other images become inside the viewport e.g. by scrolling, the images will be loaded from the server. This speeds up building up the initial display of the page.
How to activate
Select one of the options not being off in Advanced settings -> System -> I -> Item 23: Lazy load
How it is implemented
The way this is achieved is as smart as simple: On building up the page content, wppa <img> tags do not contain the src="..." attribute, but the data-src="..." attribute containing the images url.DOMContentLoaded , resize , scroll , orientationchange and a few others, the function wppaMakeLazyVisible() is called that replaces the attribute data-src by src with the same url for those images that became (partially) 'in sight'.data-src attribute is removed, so the check and creation of the src attribute happens only once for each lazy load image.
Example
[ wppa type="thumbs" album="205" size="300" align="center"]
Fractals made by OpaJaaps program Fractals 1.0
Owens C 04-01_alt.jpg (wppa-admin)
Bewertung: 4.50
193 Ansichte
Owens C 05-01.jpg (wppa-admin)
Bewertung: 3.00
145 Ansichte
Owens C 05-01_alt.jpg (wppa-admin)
Bewertung: 1.67
132 Ansichte
Owens C 05-02.jpg (wppa-admin)
Bewertung: 5.00
153 Ansichte
Owens C 05-08.jpg (wppa-admin)
112 Ansichte
Owens C 05-08_alt.jpg (wppa-admin)
Bewertung: 3.00
87 Ansichte
Owens C 05-13.jpg (wppa-admin)
71 Ansichte
Owens C 05-19.jpg (wppa-admin)
77 Ansichte
Owens C 05-19_alt.jpg (wppa-admin)
63 Ansichte
Owens C 05-20.jpg (wppa-admin)
77 Ansichte
Owens C 05-20_alt.jpg (wppa-admin)
65 Ansichte
Owens L 02-01.jpg (wppa-admin)
43 Ansichte
Owens L 02-01_alt.jpg (wppa-admin)
52 Ansichte
Owens L 02-02.jpg (wppa-admin)
56 Ansichte
Owens L 02-03.jpg (wppa-admin)
43 Ansichte
Owens L 02-04.jpg (wppa-admin)
43 Ansichte
Owens L 02-05.jpg (wppa-admin)
37 Ansichte
Owens L 02-06.jpg (wppa-admin)
1 Kommentar
148 Ansichte
Owens L 02-07.jpg (wppa-admin)
38 Ansichte
Owens L 02-08.jpg (wppa-admin)
34 Ansichte
Owens L 02-08_alt.jpg (wppa-admin)
46 Ansichte
Owens L 03-01.jpg (wppa-admin)
38 Ansichte
Owens L 03-01_alt.jpg (wppa-admin)
22 Ansichte
Owens L 03-08.jpg (wppa-admin)
41 Ansichte
Owens L 03-08_alt.jpg (wppa-admin)
Bewertung: 5.00
32 Ansichte
Owens O 02-01.jpg (wppa-admin)
37 Ansichte
Owens O 02-01_alt.jpg (wppa-admin)
25 Ansichte
Owens O 02-02.jpg (wppa-admin)
27 Ansichte
Owens O 02-08.jpg (wppa-admin)
21 Ansichte
Owens O 02-08_alt.jpg (wppa-admin)
25 Ansichte
Owens O 02-19.jpg (wppa-admin)
26 Ansichte
Owens O 02-19_alt.jpg (wppa-admin)
26 Ansichte
Owens O 02-20.jpg (wppa-admin)
10 Ansichte
Owens O 02-20_alt.jpg (wppa-admin)
17 Ansichte
Owens P 02-03.jpg (wppa-admin)
15 Ansichte
Owens P 02-08.jpg (wppa-admin)
14 Ansichte
Owens P 02-08_alt.jpg (wppa-admin)
19 Ansichte
Owens P 03-01.jpg (wppa-admin)
15 Ansichte
Owens P 03-01_alt.jpg (wppa-admin)
23 Ansichte
Owens P 04-01.jpg (wppa-admin)
20 Ansichte
Owens P 04-01_alt.jpg (wppa-admin)
10 Ansichte
Owens P 04-08.jpg (wppa-admin)
30 Ansichte
Owens P 04-08_alt.jpg (wppa-admin)
9 Ansichte
Quad.jpg (wppa-admin)
14 Ansichte
Quart - 2.jpg (wppa-admin)
20 Ansichte
Quart - 3.jpg (wppa-admin)
16 Ansichte
Quart - 4.jpg (wppa-admin)
22 Ansichte
Quart - 5.jpg (wppa-admin)
27 Ansichte
Smith - 1.jpg (wppa-admin)
33 Ansichte
Smith - 2.jpg (wppa-admin)
15 Ansichte
Smith - 3.jpg (wppa-admin)
39 Ansichte
Smith - 4.jpg (wppa-admin)
36 Ansichte
Spin.jpg (wppa-admin)
27 Ansichte
Sterling - 10.jpg (wppa-admin)
Bewertung: 1.00
12 Ansichte
Sterling - 10_alt.jpg (wppa-admin)
Bewertung: 2.00
41 Ansichte
Sterling - 11.jpg (wppa-admin)
Bewertung: 1.00
28 Ansichte
Sterling - 11_alt.jpg (wppa-admin)
Bewertung: 2.00
14 Ansichte
Sterling - 18.jpg (wppa-admin)
18 Ansichte
Sterling - 18_alt.jpg (wppa-admin)
17 Ansichte
Sterling - 19.jpg (wppa-admin)
20 Ansichte
Sterling - 19_alt.jpg (wppa-admin)
17 Ansichte
Sterling - 2.jpg (wppa-admin)
16 Ansichte
Sterling - 20.jpg (wppa-admin)
16 Ansichte
Sterling - 3.jpg (wppa-admin)
23 Ansichte
Sterling - 4.jpg (wppa-admin)
23 Ansichte
Sterling - 4_alt.jpg (wppa-admin)
25 Ansichte
Sterling - 5.jpg (wppa-admin)
10 Ansichte
Sterling - 52.jpg (wppa-admin)
17 Ansichte
Sterling - 52_alt.jpg (wppa-admin)
42 Ansichte
Sterling - 53.jpg (wppa-admin)
21 Ansichte
Sterling - 53_alt.jpg (wppa-admin)
10 Ansichte
Sterling - 54.jpg (wppa-admin)
18 Ansichte
Sterling - 54_alt.jpg (wppa-admin)
14 Ansichte
Sterling - 55.jpg (wppa-admin)
9 Ansichte
Sterling - 55_alt.jpg (wppa-admin)
20 Ansichte
Sterling - 5_alt.jpg (wppa-admin)
17 Ansichte
Sterling - 6.jpg (wppa-admin)
11 Ansichte
Sterling - 7.jpg (wppa-admin)
13 Ansichte
Sterling - 7_alt.jpg (wppa-admin)
24 Ansichte
Sterling - 8.jpg (wppa-admin)
12 Ansichte
Sterling - 8_alt.jpg (wppa-admin)
8 Ansichte
Sterling - 9.jpg (wppa-admin)
25 Ansichte
Sterling - 9_alt.jpg (wppa-admin)
17 Ansichte
Swanson.jpg (wppa-admin)
14 Ansichte
Tchebychev - C2.jpg (wppa-admin)
20 Ansichte
Tchebychev - C3.jpg (wppa-admin)
25 Ansichte
Tchebychev - C4.jpg (wppa-admin)
20 Ansichte
Tchebychev - C6.jpg (wppa-admin)
32 Ansichte
Tchebychev - C7.jpg (wppa-admin)
27 Ansichte
Tchebychev - S2.jpg (wppa-admin)
13 Ansichte
Tchebychev - S3.jpg (wppa-admin)
27 Ansichte
Tchebychev - S4.jpg (wppa-admin)
17 Ansichte
Tchebychev - S5.jpg (wppa-admin)
10 Ansichte
Tchebychev - S6.jpg (wppa-admin)
26 Ansichte
Tchebychev - S7.jpg (wppa-admin)
35 Ansichte
Tchebychev - T2.jpg (wppa-admin)
22 Ansichte
Tchebychev - T3.jpg (wppa-admin)
13 Ansichte
Tchebychev - T4.jpg (wppa-admin)
29 Ansichte
Tchebychev - T5.jpg (wppa-admin)
28 Ansichte
Tchebychev - T6.jpg (wppa-admin)
16 Ansichte
