Change image & text on click in team section

Design help General
1

Hi - I’m not sure the topic description is very accurate. In the team section on my website, I want to change the image of each team member on hover & click (and stay that way while that team member is “active”) and make a short bio appear / pop up.

Here’s what I have so far.

Screen Shot 2020-03-07 at 11.38.39 AM
Screen Shot 2020-03-07 at 11.38.39 AM1198×729 161 KB

This can’t be too difficult so I’m likely thinking too complicated.

Idea 1: I use interactions and make the changes I want. However, I can’t figure out how each team member goes back to the initial state (image, text color, etc.) after you click on another team member.

Idea 2: Tabs. This would be perfect if you could style child elements in tab links. But you can’t, right?

Can anyone point me into the right direction?

Thanks,
C.

Here is my site Read-Only: Here’s the LINK :slight_smile:
(how to share your site Read-Only link)

2

Hi Christoph,

you can combine your thoughts. Go on with tabs.

  • Add a “Mouse click” interaction to your pictures
  • Click on “Start an animation”
  • Add a new “Timed Action”
  • And when you can choose or add different targets

Regards,
Matthias

3

I think I’ve tried that but couldn’t get it to work. Likely because I have a knot in my brain after thinking about this for too long!

I’ll do just that now. Thank you @Matthias! :slight_smile: