Forum Discussion
Getting Motion Paths to work - Card Carousel
If you have 7 cards, the center of the group aligns with the middle of the 4th card.
- Position the yellow dots at this central point.
- Place the red dots at the center of the previous (3rd) and next (5th) cards.
Always identify the center of your group, and extend relative motion paths to the center points of the cards immediately before and after it.
Please find the attached version, which I’ve reviewed and adjusted. I corrected the placement based on your version and also fixed the button states when the first or last picture intersects with the triangle.
Keep in mind that interactions using motion paths can sometimes cause object groups to drift or become misaligned over time. If the navigation buttons are clicked too quickly—especially when rapidly switching between images—the animations may break or become desynchronized.
If you have 7 cards, the center of the group aligns with the middle of the 4th card.
- Position the yellow dots at this central point.
- Place the red dots at the center of the previous (3rd) and next (5th) cards.
Always identify the center of your group, and extend relative motion paths to the center points of the cards immediately before and after it.
Please find the attached version, which I’ve reviewed and adjusted. I corrected the placement based on your version and also fixed the button states when the first or last picture intersects with the triangle.
Keep in mind that interactions using motion paths can sometimes cause object groups to drift or become misaligned over time. If the navigation buttons are clicked too quickly—especially when rapidly switching between images—the animations may break or become desynchronized.