#How to change an image every 10s?

2 messages · Page 1 of 1 (latest)

mighty garden
#

Hello, i'm working, a prototype webpage and I have four image and i want to animate her, to change the top image every 10s

frosty heart
#

The steps & images of it are attached below:

Step 1: Select all images and make them into components

Step 2: While selected, combine them as variants, you will see a purple border around them

Step 3: You dont need to have them all selected anymore. Go to the Prototype tab on the right side.

Step 4: Hover over the first one, you will see a little node appear and connect it to the second image. A little popup will appear.

Step 5: Change "On click" to "After delay"

Step 6: Update the 800ms to the correct amount of time!

Step 7: Repeat step 4-6 on the different images (make the connection between img2 & 3, 3&4, and 4&1 (if you want to)