Looping image carousel - Hlep please

Jun 21, 2017

Hi all, I am building a simple course & currently have a static image inside a slide with text (see image). What I would like to do is to have a set of 4 images instead of just the one and have them fade in and out in a loop until the learner moves on. I know you can do this I just can't seem to work out how.


3 Replies
Martin Garnett

Hi, Chris!

You could achieve this by putting the images on different layers. 

  • Put Image 1 on layer a.
  • Create a trigger on base layer saying: On Timeline start, show layer a.
  • Make layer a's timeline the length you want to show the image for, eg. 1 second.
  • On layer a, create a trigger saying: On Timeline end, show layer b.
  • Create another trigger on layer a saying: On Timeline end, hide this layer. (NOTE: it must appear after/beneath the first trigger. Otherwise it'll just hide the layer before showing the next).
  • Repeat process with layer b -> whatever.
  • on final layer, say show layer a.

This is actually the process you can use to create a simple timer - but that's out of scope for this question.

Hope this helps!


Martin Garnett


Basically, you just need to change the trigger saying: Show layer b when Timeline ends...

For this explanation, I want my images to be shown for 2 seconds, and a fade of 0.5 seconds.

  • I'll set all my layers to 2s long.
  • I'll change the trigger to say: Show layer b when Timeline reaches 1.5 seconds.
  • On all my images I'll give them a fade in animation with a duration of 0.5s.

What I've done, is say that I want to show the next layer, before the timeline ends, the same time as it takes the animate in. This keeps your previous image on screen whilst your next one animates in, and then it'll still hide the layer once the new image is in position.

hope this makes sense. Let me know if you need anything cleared up.

This discussion is closed. You can start a new discussion or contact Articulate Support.