using buttons in sliders

Jan 27, 2015

Hi everyone,

I've been trying to build a "virtual tour" in Storyline, using a panoramic image inside a slider.  The issue I'm running into is that we need to have buttons for certain areas on the image that can show the learner more information about that area.  We wanted to have the buttons slide along with the image in the slider and I couldn't find a way to embed the buttons inside the panoramic image states, so I had to put them into separate layers which are triggered along with the panoramic image states when the slider variable changes.  It requires a lot of layers, one for every slider variable, and there's going to be so many buttons on each layer that it will be really difficult to make any changes to the project down the road. Here's how it looks:  and I've attached my demo file so you can see how it's set up.  There's only 3 clickable areas on the image in the attached file, but the final project we're building is going to have lots of areas that will need to display extra information, so I'm hoping there's an easier way of building this!

Does anyone have any suggestions on a better way of doing this (maybe there's a way to put buttons inside an image state that I'm not aware of?) or another way to do a virtual tour with buttons and extra info for learners?

Thanks for all your advice and help!



16 Replies
Michael Hinze

I'm not sure what you are trying to do. It seems like you replicated the same image three times. The width of each of the images is 1256px, the dimensions of my example file are 1365px. The setup I used in my example only makes sense for very wide images (my example image group is more than 5100px wide). You image easily fits within the project dimensions and therefore would simply "scroll off the page" but not provide the panorama effect. Am I missing something?

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