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

swiper slider off-screen images not "preloading" #959

Open
nosilver4u opened this issue Jun 3, 2022 · 0 comments
Open

swiper slider off-screen images not "preloading" #959

nosilver4u opened this issue Jun 3, 2022 · 0 comments
Labels

Comments

@nosilver4u
Copy link

Describe your problem/question
We've run across a strange issue with a horizontal slider/swiper where the images don't get lazyloaded until after they come into the actual viewport. So far as I know, anything within the "expand" threshold should be loaded right away, but this is very obvious that the images never load until they comes onto the screen (excepting the handful that are on-screen from the start).

Make it reproduce-able
This is on a client site that we didn't build, we're just providing the lazy load and CDN stuff, but I've slimmed down the page so the swiper is right at the top here: https://codesandbox.io/s/mystifying-butterfly-xmihcc?file=/index.html

Add tags/keywords
expand, viewport threshold

Is this perhaps some quirk with the way the swiper is using the transform/translate3d effect to move the images? And is there any way you can see to improve it?

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

No branches or pull requests

1 participant