Zooming and Magnifying Images in E-Learning #374: Challenge | Recap
A typical design challenge for course designers involves working with high-resolution images in a smaller, mobile-friendl...
Published 3 years ago
Version 1.0
Blog Post
This week's challenge is a great opportunity to demonstrate some of the fantastic zoom and animation effects that are possible in Articulate Storyline with some extra CSS and JavaScript code!
Here is my entry, an interactive theme park map: https://discoverelearninguk.com/projects/zooming-and-magnifying-parts-of-an-image-in-e-learning/
For anyone interested in how this effect is achieved, I created a video tutorial with all the steps in an episode of my Storyline Magic Series on YouTube. Links to this and future episodes can be found here: https://community.articulate.com/discussions/building-better-courses/storyline-magic-series-a-new-video-series-launched-on-youtube
Here is my entry, an interactive theme park map: https://discoverelearninguk.com/projects/zooming-and-magnifying-parts-of-an-image-in-e-learning/
For anyone interested in how this effect is achieved, I created a video tutorial with all the steps in an episode of my Storyline Magic Series on YouTube. Links to this and future episodes can be found here: https://community.articulate.com/discussions/building-better-courses/storyline-magic-series-a-new-video-series-launched-on-youtube
- I love your image zoom effect project. Can't wait to watch the videos you have on your channel!
- That's brilliant Chris!
- Love this!
- Fantastic, Chris. Thanks for sharing the video and the whole Magic Series.
- Effective technique.
Hey Chris,
This is brilliant!! I am looking to do something like you did with the interactive theme park for the map of the world for a lil project I'm working on. I went out to your YouTube channel but I didn't see this example in your Storyline Magic series. Could you direct me to the video tutorial. I found one on Zooming with CSS but it doesn't do the same thing. Any help would be greatly appreciated.
