Upvote 1

how to create an image loop

In Progress Kimberly Nguyen 6 years ago

Hi,

I'm just trying to create an image loop (loop for an infinite amount) on page load to simulate an animation. Is there a way to do this?


Thanks,

Kim

Replies (1)
photo
1

Hi Kim,

The easiest way to do this is to create "On Variable Change" events. Here's how to do this:

1. Create a variable, name it "Loop" and set its default value to 0.

2. Create an "On Page Load" + "Set Value" event, and have it set the value of the variable to 1.

3. Create an "On Variable Change" + "Rotate" event for the image. Have it rotate the image Offset - 360 degrees, with linear easing.

4. Add another action after that event. Make it an "On Variable Change" + "Set Value" event. Have it set the value to the variable as 'Calculated'. In the calculated expression builder, drag the variable into the first space, then a '+', then '1'. It should look like "Loop + 1".

I've attached the prototype. Let me know if you have any questions.

Leave a Comment
 
Attach a file