Skip to main content
Solved

Create carousel, only move photo seamlessly

D

I am trying to create a slideshow/carousel, like in Instagram, for my sign-up page, where you can drag/swipe the photo and it seamlessly changes to the next one. There should be no transition fade. I did that by making them two different frames and using push, but I also have text and a button on top so I’d prefer if only the photo would have that effect, so this doesn’t completely do what I wanted. Using component doesn’t allow me to use push so I’m not sure what to do.

Is there a way to do what I’m trying to do if that makes sense…

Best answer by Haroll

Hello @delena816

You should use Smart animate as an animation effect rather than push. Smart animate will only make a transition animation between the element that change in your views while push will apply the transition on the whole frame, from the original frame to its destination (you have a little preview that show you what will animate)

image

Push vs Smart animate transition

Hope it helps!

View original
This topic has been closed for comments

2 replies

Haroll
  • Haroll
  • Active Member
  • 273 replies
  • Answer
  • August 7, 2023

Hello @delena816

You should use Smart animate as an animation effect rather than push. Smart animate will only make a transition animation between the element that change in your views while push will apply the transition on the whole frame, from the original frame to its destination (you have a little preview that show you what will animate)

image

Push vs Smart animate transition

Hope it helps!

Celine_D
1 person likes this
  • Celine_D
    Celine_D
A
  • Anonymous
  • 0 replies
  • August 17, 2023

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

Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings