Per default, the component uses the intersection observer to lazy load the images.
If set to lazy
then it will defer the loading using the native web lazy loading.
- introduces a new property
loading
set toeager
per default - more sensitive default
observer-threshold
andobserver-root-margin
- es5 has been dropped with v2, update
unpkg
reference
- IE11, Edge 16-18 and Safari 10 not supported
- update Stencil for Gatsby build
To infinity and beyond 🚀
- update dependencies
svg
container size inherit content
- new CSS variable to apply a
box-shadow
to the lazy loaded image
- attach a custom loader to display the image once lazy loaded (new option)
- svg weren't lazy loaded anymore on browsers supporting native lazy loading
- svg weren't displayed anymore since v1.0.0-rc.2
- add new optional properties
img-width
andimg-height
(useful for native lazy loading in Chrome)
- display smoothly the images once loaded (#508)
- update to most recent dependencies
The first users began to test, and to create content in, our web open source editor for presentations (studio
)
lazy-img
component now lazy load images using native lazy-loading
- add a CSS variable for the property
object-fit
- optionally, parse SVG instead of using such images in
<img/>
tags
- add two new CSS variables for styling
- don't display alt while loading
- add an
imgErrorSrc
which could be displayed in case the image would not be resolved
- update DeckDeckGo types last lib
- upgrade to Stencil One
- fallback on a good old standard display of the image (at component load time) in case of the
MutationObserver
would not be supported
- on attributes change, observe image again and fix new url
- move to the org scoped package
@deckdeckgo/lazy-img
- add a couple of CSS4 variables to style the image
- add
srcset
andsizes
support to the component