How to preload conditionally rendered next/image
In my app i have slideshow/presentation thing where images appear in full-screen one after another. I achieve that using conditional rendering (show different images based on a state).
The problem is that when the slide is shown for the first time, image starts loading and worsens the experience. How could i preload all the images at once?
I've already tried adding
next/head with <link rel="preload" as="image" type="image/png" /> for all the required images, but it doesn't seem to help.0 Replies