|Official Page:||Go to website|
|Last Update:||August 28, 2018|
The library defers the loading of images until everything within the page has been completely loaded.
It displays a blur effect on the image before loading inspired by Medium’s progressive image loading.
How to use it:
<link rel="stylesheet" href="blurry-load.min.css"> <script src="blurry-load.min.js"></script>
Add the CSS class ‘blurry-load’ to your img tag and specify the larger version of the image in the ‘data-large’ attribute as follows:
<img class="blurry-load" src="small.jpg" data-large="original.jpg">
- switched using a load event listener to DOMContentLoaded