I have 2 images and I want to alternate the visibility between the two of them. By showing image A then hide it, show image B then hide it, then show image A again and so on... What will be the best way to do it?
So, 4 clicks to go through it like: Show A, Show nothing, Show B, Show nothing. Or is it just two clicks: Show A, Show B?
Hey Ee, if the images are on top of each other you're alternating the visibility on click, then here's one way of doing it: http://share.framerjs.com/qttcy8j4xcmf/
It is not a user triggered action, it is like a GIF, animating / pulsating indefinitely. I created 2 animations for image A and image B. When AnimationEnd for imageA, .start() animation for image B... It works, I am just looking if there are any other ways of doing it.
you might be looking for:# Alternate between the two animationsanimationA.on(Events.AnimationEnd, animationB.start)animationB.on(Events.AnimationEnd, animationA.start)http://framerjs.com/docs/#animation.reverse
You could use utils.delay to switch between them as well, and depending on what your GIFs looks like you might want to create those animation directly in Framer to a quicker turnaround time when retiming things