Skip to content

Including responsive blurred images using Lozad? #264

@TousifMir

Description

@TousifMir

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="[email protected] 1000w, [email protected] 2000w" />

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions