Lazy load images element build with lit-element. Component uses IntersectionObserver.
Install component via npm or download bundled file (in future will be cdn)
npm i @webharmony/web-lazy-img
<web-lazy-img preload='images/1-preload.jpg' src="images/1.png"></web-lazy-img>
Url adress from low res tiny image that will be placeholder and blured
Url for proper image
Set of url for multiple images
Set of media queries that defines the size the img should be according to a set of media conditions
Defines alt img property
Defines with of image, default value is 100%
Defines heigth of image, default value is 100%