Hey Forum, I have an image gallery that I’ve animated to change images and the tone of the title by clicking on a text block. However when I click on the first title it won’t show the animation to display that image and highlight the title. Every other title works fine, so not sure what’s going on with the first one. Any help>
Is there a reason why are not using Webflow’s native tab component for your image gallery use-case?
I had a look at the interactions setup for the gallery and you could actually achieve what you are trying to do with just one interaction, some custom styling which you can apply to all headings (or you could set it up with 0 interactions and just use tabs and everything gets handled via styling) and it should be way easier for you to manage and update in the long run than having separate interactions for each title.
Here’s a simple cloneable which seems similar to your use-case and you could use it as a reference, with the difference being that there is a side-border on the ‘Current’ state.
You can customize the active tab styling as per your requirements so that the inactive titles have less opacity by default and the current one is styled like you want and you could also setup a tab change interaction (in case you need one) and it should do the trick.