Using Sliders and adding text references
Apr 06, 2018
Cher Storyline Peeps
In my current project, I am looking to use the slider feature to display 5 different images - each with their own piece of information. The learner will start on a page that states "use the slider below to review content" or something like that. Then using the slider they will display each of the 5 pages. I have set up the triggers to have the slider display each new page, but it is very clunky. Also, I wanted to be able to show the learner via text or something else, when they are at the correct place where the new layer will be displayed.
I've attached my working file to see if anyone can help. This is just my working file to get the functionality going, don't mind the quality of the images, those I will re-do once I get this figured out.
Looking forward to hearing what you have to say.
Thanks
Geraldine
5 Replies
Hi Geraldine - the first thing I would do is apply a transition to each of the slide layers. That will remove the clunkiness. Can you say a little more about what you want to do with the text descriptions?
Hi Montse
Thanks for responding!
Regarding the text descriptions, my thoughts are to have a description word show where each stop on the slider is - that is what the blue dots are representing. Basically, showing the learner that if they slide up to this point "x" image will be displayed.
Cheers
Geraldine
The easiest way would be to add your descriptions or caption boxes to each slide layer since you're already showing the layers.
I attached a quick sample. If you're looking for something different, let me know and I'll help you out.
Hi Montse
Thanks so much - yes, I like this idea. I made an update to my original and I removed the blue dots and replaced them with lines indicating the stop for the learner. Thoughts?
Geraldine
I like the updated slider. Did you know you can customize the slider to use graphics?
Here's a mockup using design mapping to visually align the slider with your course content. The golf ball would be your slider thumb and the slider track would be invisible. Each stop could be a ghosted golf ball effect as you move towards the hole. Just an idea.
This discussion is closed. You can start a new discussion or contact Articulate Support.