Streaming live at 10am (PST)

Changing hero image with Tabs

https://andys-awesome-project-24f3d4.webflow.io/

Hello! I have set up a tab container to cycle through different benefits for our customers. I would like the hero image to change with each tab pressed. I’m guessing I will need to change the hero container to a carousel, but how can I make the trigger of the tab button result in an image change in the hero area/carousel?? Any help would be great, or let me know if you need more info. Thanks!

Hi Chris,

there are probably a lot of possible solutions for this, here’s mine:

You could set the tabs as animation triggers and let them show/hide the different banner images. They are stackable when set so relative, using the Z-index.

You can find a tutorial on how to set up animations here.

Hope this helped!

Cheers
Leon