Help on a backgroun changing upon button click

Design help Animations & Interactions
1

Hello all,

So I followed along with the Workshop Nelson did yesterday (very cool!) I decided to do my own little rendition of it to play around. As you’ll see changed everything to Sharks, just a mini info site on Great Whites is the plan.

PROBLEM:
When you click the mini buttons [ 01-04 ] it does the effect by switching the background image and keeping the button animation BUT it only does each one once. If you click, 01, 02, 03, then 04 it works prefect. If you re-click “01” again (or any of the others) it does not work again, its stays on BG 4.

Is there a way to reset them to work again, even if they are clicked out of order?

http://practice-1-canyone.webflow.io/
https://webflow.com/website/White-Death

2

No, interactions doesn’t support z-index property, so you cannot specify which one goes on top of which.

You can do this with custom code instead.

1 Like
3

Oh okay, it seemed like I tried almost everything trying to hack it haha! Thank-you sir!

4

I actually figured it out and updated the showcase. You can check out what I did. I didnt really use the z-index just his 3 backgrounds and fade 1 in with each click

1 Like
5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.