Next Image lazy loading w/ ShadCn/Embla carousel
Hey
Has anyone set up a proper image carousel with Next image and the ShadCn or underlying Embla component before?
I got everything working but the lazy loading isn't really behaving the way I'd like to. Only one image is visible at a time, but it loads the first 3 upon first render without interaction. This results in the carrousel not being interactive until those 3 images have loaded. How would you guys solve this?
Has anyone set up a proper image carousel with Next image and the ShadCn or underlying Embla component before?
I got everything working but the lazy loading isn't really behaving the way I'd like to. Only one image is visible at a time, but it loads the first 3 upon first render without interaction. This results in the carrousel not being interactive until those 3 images have loaded. How would you guys solve this?
Similar Threads
Was this page helpful?
