This week’s eLearning challenge is to make an image slider or photo gallery that can be used in an eLearning course.
I found a few online photo galleries that I liked and I combined different features from each to come up with my gallery. I wanted the gallery to slowly cycle through a group of pictures, but also to let the viewer have the option of selecting images from a hidden menu.
Once I had a concept, I needed some attractive images that I could display. A friend of mine, Cyrus David is a film editor, he agreed to let me feature some of his photos in this challenge.
I built this in three scenes, one for the beginning, or “Home” slide, one for all the cityscape images and one for the amusement park images. To make the images continually cycle, I adjusted the timeline of each slide to end at 5 seconds and made a trigger that would jump to the next slide/photo at the end of each timeline.
I constructed a hidden menu that appears when you move your mouse over the left edge of the slide. I accomplished this by putting a hotspot on the left portion of every slide and added a menu layer. The menu layer had an animated menu layer with hotspot and triggers that would move out from the left when triggered from the hotspot (show layer MENU when the hotspot is moused over). Another hotspot was located on the MENU layer. beside the menu. It’s trigger would hide the layer when the mouse moved away from the menu (hide layer when hotspot is moused over).
It took a bit of playing around with the menu to discover the best way to get it to function the way that I wanted it to, but I am pleased that the end result turned out so well. It is exactly as I imagined it, check it out for yourself here.