Help with displaying slide layers on click on a button

Jan 16, 2024

Hi everyone, 

I am trying to create a sort of media gallery that learners can click through using the 'Click' arrows. I created 8 different slide layers. The concept is that they can click one of the arrows and, depending on which one, it will take them to slide layer #1 or #8, and if they want to go back one, they can click the other arrow. This can go on as long as they need, and there is no "end," as it can simply go back to the 1st slide layer once they have made it through the list. I hope that makes sense. I have included a picture for more clarity. 

 

How do I get this to work?

2 Replies
Judy Nollet

You'll have to get comfortable with trigger conditions and variables.

  • Use a numeric variable to track which layer is currently showing. 
  • Use conditional triggers to show the "next" or "previous" layer based on the value of variable. 
  • After the trigger that shows another layer, adjust the variable so it equals that layer's number. 

The attached file demonstrates this with 3 layers. 

Obviously, the more layers in the carousel, the more triggers you'll need. 

Also note that the slide includes triggers to show the appropriate layer based on the variable's value. The default value is 1, so layer 1 will show the first time the user visits the slide. 

I included a text box that displays the variable's value. That's usually not something you'd show to the user. But it helps to include that during development, so you can see whether the variable is changing as expected.

It's worth it to learn about trigger conditions and variables. They provide the real power in Storyline. Here's the User Guide info: