Photo Slideshow - endless loop [DEMO and SOURCE]
May 15, 2015
In my Next Level Design workshop I have a segment on thinking differently about design when using Storyline Layers. Before these sessions I take time to look at company websites of some of the participants and look for interactions or browsing experiences that can be recreated in Storyline.
This week a participant from City Furniture attended. On their site at the bottom of the page of each major category is an interactive photo slideshow that horizontally scrolls through 6 images, 3 at a time in an endless loop.
A little study and a couple hours later...
- 6 images
- 12 layers
- 1 motion path per layer (12)
- no variables
- That's it!
Easy to re-use as a slideshow with 6 photo images. No need to change anything other than right-click on each image and "Change Picture..." Then redesign the slide to visually fit in your own projects.
Due to the Motion Path animation, this is only available in Storyline 2.
Finally, the "KEY" in the demo and source is of no value other than a way to keep track of the animation sequences while developing. Keep or delete as it has not affect on the interaction. I kept it in as it 'may' be of value in a future project.