Skip to content

Commit

Permalink
Merge branch 'release/17.0.1'
Browse files Browse the repository at this point in the history
  • Loading branch information
Andrea Verlicchi committed Jun 25, 2020
2 parents cf2e5f9 + b6f2448 commit 1aa5151
Show file tree
Hide file tree
Showing 20 changed files with 425 additions and 336 deletions.
4 changes: 4 additions & 0 deletions CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@

## Version 17

#### 17.0.1

- Bug fix: `callback_exit()` was not being called on non-image elements (#468).

#### 17.0.0

- The `elements_selector` option now defaults to `.lazy` (was `img`)
Expand Down
12 changes: 6 additions & 6 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -179,7 +179,7 @@ Please note that the video poster can be lazily loaded too.

## 👩‍💻 Getting started - Script

The latest, recommended version of LazyLoad is **17.0.0**.
The latest, recommended version of LazyLoad is **17.0.1**.

Quickly understand how to upgrade from a previous version reading the [practical upgrade guide](UPGRADE.md).

Expand All @@ -196,14 +196,14 @@ If you prefer to load a polyfill, the regular LazyLoad behaviour is granted.
The easiest way to use LazyLoad is to include the script from a CDN:

```html
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"></script>
```

Or, with the IntersectionObserver polyfill:

```html
<script src="https://cdn.jsdelivr.net/npm/[email protected]/intersection-observer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"></script>
```

Then, in your javascript code:
Expand Down Expand Up @@ -235,7 +235,7 @@ Include RequireJS:
Then `require` the AMD version of LazyLoad, like this:

```js
var lazyLoadAmdUrl = "https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.amd.min.js";
var lazyLoadAmdUrl = "https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.amd.min.js";
var polyfillAmdUrl = "https://cdn.jsdelivr.net/npm/[email protected]/intersection-observer-amd.js";

/// Dynamically define the dependencies
Expand Down Expand Up @@ -280,7 +280,7 @@ Then include the script.
```html
<script
async
src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"
src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"
></script>
```
Expand Down Expand Up @@ -314,7 +314,7 @@ Then include the script.
```html
<script
async
src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/lazyload.min.js"
src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/lazyload.min.js"
></script>
```
Expand Down
45 changes: 40 additions & 5 deletions demos/async_multiple.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44721746jj.html"
><img
alt="Stivaletti"
data-src="https://via.placeholder.com/440x560?text=Img+01"
src="https://via.placeholder.com/440x560?text=Img+01"
width="220"
height="280"
/></a>
Expand All @@ -60,7 +60,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/open-toe_cod44740806jx.html"
><img
alt="Open toe"
data-src="https://via.placeholder.com/440x560?text=Img+02"
src="https://via.placeholder.com/440x560?text=Img+02"
width="220"
height="280"
/></a>
Expand All @@ -69,6 +69,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44735977gr.html"
><img
alt="Sneakers &amp; Tennis"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+03"
width="220"
height="280"
Expand All @@ -78,6 +79,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738717am.html"
><img
alt="Sneakers &amp; Tennis shoes basse"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+04"
width="220"
height="280"
Expand All @@ -87,6 +89,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-alte_cod44739940cb.html"
><img
alt="Sneakers &amp; Tennis shoes alte"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+05"
width="220"
height="280"
Expand All @@ -96,6 +99,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-alte_cod44740860xg.html"
><img
alt="Sneakers &amp; Tennis shoes alte"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+06"
width="220"
height="280"
Expand All @@ -105,6 +109,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44738719vn.html"
><img
alt="Sneakers &amp; Tennis shoes basse"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+07"
width="220"
height="280"
Expand All @@ -114,6 +119,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44739938wk.html"
><img
alt="Sneakers &amp; Tennis shoes basse"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+08"
width="220"
height="280"
Expand All @@ -123,6 +129,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivali_cod44736534fq.html"
><img
alt="Stivali"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+09"
width="220"
height="280"
Expand All @@ -132,6 +139,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivali_cod44735388ui.html"
><img
alt="Stivali"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+10"
width="220"
height="280"
Expand All @@ -141,6 +149,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44739165ev.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+11"
width="220"
height="280"
Expand All @@ -150,6 +159,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44739454hf.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+12"
width="220"
height="280"
Expand All @@ -159,6 +169,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivali_cod44719480km.html"
><img
alt="Stivali"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+13"
width="220"
height="280"
Expand All @@ -168,6 +179,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44719687td.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+14"
width="220"
height="280"
Expand All @@ -177,6 +189,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/decollete_cod44721899ng.html"
><img
alt="Décolleté"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+15"
width="220"
height="280"
Expand All @@ -186,6 +199,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44721744sl.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+16"
width="220"
height="280"
Expand All @@ -195,6 +209,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44716730kr.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+17"
width="220"
height="280"
Expand All @@ -204,6 +219,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/decollete_cod44718734xl.html"
><img
alt="Décolleté"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+18"
width="220"
height="280"
Expand All @@ -213,6 +229,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/decollete_cod44721796uk.html"
><img
alt="Décolleté"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+19"
width="220"
height="280"
Expand All @@ -226,7 +243,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/francesine_cod44717679mj.html"
><img
alt="Francesine"
data-src="https://via.placeholder.com/440x560?text=Img+20"
src="https://via.placeholder.com/440x560?text=Img+20"
width="220"
height="280"
/></a>
Expand All @@ -235,7 +252,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44724594vu.html"
><img
alt="Stivaletti"
data-src="https://via.placeholder.com/440x560?text=Img+21"
src="https://via.placeholder.com/440x560?text=Img+21"
width="220"
height="280"
/></a>
Expand All @@ -244,6 +261,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/decollete_cod44726148aq.html"
><img
alt="Décolleté"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+22"
width="220"
height="280"
Expand All @@ -253,6 +271,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44719629nt.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+23"
width="220"
height="280"
Expand All @@ -262,6 +281,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44725329kq.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+24"
width="220"
height="280"
Expand All @@ -271,6 +291,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivali_cod44724026qs.html"
><img
alt="Stivali"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+25"
width="220"
height="280"
Expand All @@ -280,6 +301,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44720256gw.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+26"
width="220"
height="280"
Expand All @@ -289,6 +311,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44722062id.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+27"
width="220"
height="280"
Expand All @@ -298,6 +321,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44722402rh.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+28"
width="220"
height="280"
Expand All @@ -307,6 +331,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44726296vu.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+29"
width="220"
height="280"
Expand All @@ -316,6 +341,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44725755ct.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+30"
width="220"
height="280"
Expand All @@ -325,6 +351,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44725348nv.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+31"
width="220"
height="280"
Expand All @@ -334,6 +361,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44721879xx.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+32"
width="220"
height="280"
Expand All @@ -343,6 +371,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/cuissardes_cod44729472iq.html"
><img
alt="Cuissardes"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+33"
width="220"
height="280"
Expand All @@ -352,6 +381,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/decollete_cod44725388jv.html"
><img
alt="Décolleté"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+34"
width="220"
height="280"
Expand All @@ -361,6 +391,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/stivaletti_cod44721854ce.html"
><img
alt="Stivaletti"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+35"
width="220"
height="280"
Expand All @@ -370,6 +401,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727690jp.html"
><img
alt="Sneakers &amp; Tennis shoes basse"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+36"
width="220"
height="280"
Expand All @@ -379,6 +411,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44727501hh.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+37"
width="220"
height="280"
Expand All @@ -388,6 +421,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/sneakers-tennis-shoes-basse_cod44727038aq.html"
><img
alt="Sneakers &amp; Tennis shoes basse"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+38"
width="220"
height="280"
Expand All @@ -397,6 +431,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44704882bq.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+39"
width="220"
height="280"
Expand All @@ -406,6 +441,7 @@ <h1>Async loading, multiple instances demo</h1>
<a href="#/it/donna/mocassini_cod44734002vc.html"
><img
alt="Mocassini"
class="lazy"
data-src="https://via.placeholder.com/440x560?text=Img+40"
width="220"
height="280"
Expand All @@ -415,7 +451,6 @@ <h1>Async loading, multiple instances demo</h1>
</div>
</div>

<script src="../dist/lazyload.min.js"></script>
<script>
function logElementEvent(eventName, element) {
console.log(Date.now(), eventName, element.getAttribute("data-src"));
Expand Down
Loading

0 comments on commit 1aa5151

Please sign in to comment.