Image Rollover Interaction

Hi Webflow community,

I need some help with interactions.

On my Portfolio page, if you hover over the first thumbnail you’ll see a slide over animation. This is an interaction with a rollover trigger on Portfolio Link (the thumbnail) affecting a different element Text Wrapper (the slide over).

If I duplicate this to the other thumbnails, then rolling over one thumbnail opens all of them. Is there an easy way to make this non universal? or is there a better way for me to do this? I hope this makes sense. Any help would be greatly appreciated!

http://neilnagy.webflow.io
https://preview.webflow.com/preview/neilnagy?preview=1cbf01a51ef051c7374d4d80f898cb5b

Thanks!
Neil


Here is my public share link: LINK
(how to access public share link)

Hi @neil11

This little option will solve your situation :wink:

2 Likes

Wow that was really simple! Thanks sabanna

1 Like

Hi sabanna, may I trouble you about one more problem that’s similar to the one you answered?

Once a thumbnail is clicked, the interaction opens a project view (Project section). I’m hoping to have each project open in this view but I’m not sure how to make each one unique since this is not a nested element and since interactions can’t call nested classes. (I realize I could always build a new page in lieu of the project view but I thought I’d ask) :slight_smile:

Thanks again!
Neil

Easiest way - to use CMS.

If you want to stay with static type site, I am afraid you will have to change the structure. Other ways, you will have to create separate interaction for open every project.

1 Like

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