Lazysizes.js doesn't switch between responsive images?
Question
I'm trying to get the lazysizes.js plugin working ( https://github.com/aFarkas/lazysizes )
On my images I have:
<img data-srcset="medium.jpg 768w, small.jpg 634w" data-src="small.jpg 634w" data-size="auto" class="lazyload">
However, to matter what size screen I view it on it always seems to use the medium.jpg image size.
I'm really puzzled how to set Lazyload up.
Would anyone know what I'm missing?
1 answers
solution1
0 2022-07-22 00:44:24
I found that I was missing the rest of the plugin to allow for responsive images
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
In `lazysizes.js` what do the width values in datasets actually do?
javascript function should switch between 2 images in a django template but doesn't
ImagesLoaded.js won't work with Isotope and LazySizes
Lazy loading a carousel images with LazySizes
Date() in js doesn't switch days correctly
How can I switch between 2 images on click in Vue js(Nuxt)?
How to switch between two images using one button (html/js)
How to load all images after 2 seconds in lazysizes?
fabric js canvas doesn't render images
Bootstrap responsive table doesn't work with Ember.js
Related Tags