Streaming live at 10am (PST)

Make one image fade into the next


#1

Hello all,

I would like to make it so that my background image fades into new images. It would be like a slideshow, but it would begin upon loading and you wouldn't be able to see any of the normal slider marks, such as arrows. I couldn't find an example of this, unfortunately, but here is my website as it is. I would like this effect to happen on the homepage image background.

https://preview.webflow.com/preview/annas-exceptional-site-5831fc?preview=a17a08cd4fc94ce5243a86641e6a15ed

Is there a way to do this elegantly?


#2

Hey @annallyson you can definitely use a slider component and set it to autoplay slides and just delete the slider arrows and bottom navigation. :smiley:


#3

awesome, thanks for your help. :slightly_smiling:


#4

so, I've managed to make the slider a background image, but for some reason, the slides are still below the slider when it's set at 100 vh. All my containers and the navigation buttons are in the correct place, but the actual slides are resting below it.

Is there a way to bring the slide images up to the correct place?

https://preview.webflow.com/preview/annas-exceptional-site-5831fc?preview=0be80848d4cce8b4b59cff7409276984


#5