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

Lazy Loading and Fade Effect #7469

Open
6 tasks done
salomanov opened this issue Apr 13, 2024 · 3 comments
Open
6 tasks done

Lazy Loading and Fade Effect #7469

salomanov opened this issue Apr 13, 2024 · 3 comments

Comments

@salomanov
Copy link

salomanov commented Apr 13, 2024

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/swiper-lazy-load-images-fade-4mrgh8?file=%2Findex.html

Bug description

When using the "Fade" effect, all slides appear in the viewport, although they are hidden, so all images begin to load, although lazy loading is selected.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

v11.1.1

Platform/Target and Browser Versions

Windows, Chrome

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@salomanov salomanov reopened this Apr 13, 2024
@salomanov
Copy link
Author

#6582 (comment)
This method doesn't help

@solidblackt
Copy link

Correct, it's not working #6582.

Also, lazy load is not working with width:100% on the img tag. on page load it's loading first two image which is caused the issue.

@lkaisers
Copy link

Experiencing the same issue.

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

3 participants