Streaming live at 10am (PST)

Reproducing a gallery interaction on a site


#1

Hey Webflow designer and devs

It would much appreciated if someone would help me with a gallery interaction. Im trying to prototype this click and hide interaction similar this site here http://www.nextmanagement.com/new-york/profile/abbey-lee

If this type of interaction is possible with webflow it would much appreciated if anyone could show me how it would be done.

Please and thanks.

Anfernee


#2

http://interactions.webflow.com/
see example 3

Also read http://help.webflow.com/ and watch http://tutorials.webflow.com/

Assure to understand the concept of "limit to nested elements" and "limit to sibling elements" that comes with interactions, this will let you crate such an interaction and apply it quickly to a lot of other elements.

Basically, you want to show/hide something on a click. This is kind of easy with Webflow. What's going to be a little bit tricky is how to make an opened panel close when you open another.


#3

Hey Vincent, thanks for the advice I'll be sure to try that out.But can explain or point me to anything that explains how " limited to sibling elements" works.

Please and thanks,

Anfernee


#4

Yep, read here : http://forum.webflow.com/t/sibling-nested-elements-explaination/7636/4

Basically, an interaction set for an element (say, on click) can affect OTHERS elements. Once you've selected a trigger, you can check the "Affect different element" box and name the element you want to affect.

In order to re-use an interaction, options exist to limit the "affect other element" option to the SIBLING or NESTED elements (of the one you're applying the interaction to).

So you can have the same structure of elements for a lot of objects in your pages (for example the same button opening the same panel), with the same classes names, without an interaction affecting all the panels of the page, limiting its effects to either siblings or nested elements.

I think the link will clarify.


#5