How to stop automatic carousel while hovering the frame?
Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
Create instance of this component and name it “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.
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.
Create placeholder component for images. Assign name to each variant, I used 1,2,3,4
Create instance of this component and name it “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.
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?
Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.