Skip to main content
Question

Stop automatic carousel

  • April 15, 2024
  • 2 replies
  • 686 views

How to stop automatic carousel while hovering the frame?

This topic has been closed for replies.

2 replies

Vishal_Ramawat

Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
image

Create instance of this component and name it “Image”
image

Create a Carousel with Variants as Individual Images.

Create a String Variable “Play” and assign first Variant name to it, “1” in my case.
image

Add Delayed transition to Next Variant

Change variable “Play” by “While Hovering” interaction on each variant to it’s own corresponding name in placeholder component. Also, Open the “Image” instance as Overlay with Manually positioned on top of each Variant.

Hope this works.


Jonak
  • New Member
  • 1 reply
  • March 8, 2025

Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
image

Create instance of this component and name it “Image”
image

Create a Carousel with Variants as Individual Images.

 

Create a String Variable “Play” and assign first Variant name to it, “1” in my case.
image

Add Delayed transition to Next Variant

 

Change variable “Play” by “While Hovering” interaction on each variant to it’s own corresponding name in placeholder component. Also, Open the “Image” instance as Overlay with Manually positioned on top of each Variant.

 

Hope this works.



It requires Figma Professional, right?