This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Victor Arellano
Posted Oct 02 - Read on Facebook

Hey! I'm having issues wrapping my head around a function. I have 3 slides and when I click on them I want to animate 3 different images off screen 1 by 1. I created a loop for the triggers and animated them offscreen on click events. I want these same triggers to animate the images offscreen at the same time. I don't want to have to repeat states(unless this is the only option). Can anyone help me understand how to do this? http://share.framerjs.com/vuqpqedgsieu/

5 Comments

Jonas Treub

Hi Victor. Why don't you make the images part of the slides? If you want to keep them separate you could create a function which takes both a slide and an image, and animates both of them in one go.
I can recommend our programming primer if you want to learn more about functions: https://framerjs.com/getstarted/programming/

Victor Arellano

Thanks Jonas, how would I make the images part of a slide? Can I have two layers that are connected on a trigger event?

Jonas Treub

I'm not sure exactly what you want to achieve but here is an example how you can start multiple animations after an event happens: http://share.framerjs.com/pek58pki7qjl/

Jonas Treub

Now I get it. Here is an example: http://share.framerjs.com/5kuplfixgfvm/

Victor Arellano

Right on man! Thanks for the help, you rock.

Read the entire post on Facebook