Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Including responsive blurred images using Lozad? #264

Open
TousifMir opened this issue Apr 14, 2021 · 1 comment
Open

Including responsive blurred images using Lozad? #264

TousifMir opened this issue Apr 14, 2021 · 1 comment

Comments

@TousifMir
Copy link

TousifMir commented Apr 14, 2021

I am able to perform lazy loading of images but I need to display a default blurred image initially as the actual image is taking time to load.

I am working on a scenario where the responsive images should lazy load based on the screen size but need to include blurred images as a fallback for all responsive images, blurred images should get displayed in case of delays till the actual image loads. I am using Lozad JS

  1. How can I include multiple responsive blurred images for 1x 2x etc as a fallback image?
  2. Can I use 1x 2x instead of 1000w 2000w in data-srcset attribute?

<img class="lozad image-to-load-first" data-srcset="computer@1x.jpg 1000w, computer@2x.jpg 2000w" />

@paligiannis
Copy link

Any hope on this? Did toy found the solution?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants