Example
#506 - Pan and Zoom for Portrait Images
The Challenge
I recently built a Storyline course where I needed to display large portrait images, screenshots of emails we send to our customers. Since emails are typically scrollable documents, the screenshots ended up being quite long.
The built-in zoom feature for images is limited to the courses boundaries, so with such long screenshots, zooming barely makes a difference.
JavaScript API to the rescue
This is where the new JavaScript API came to the rescue! I used the new API to create a pan and zoom interaction.
You can view the tutorial and solution here.
Copy the final JavaScript snippet for your projects here.
Would love to set this up to grab the ID of the picture programmatically so we don't have to set this up on a trigger by trigger basis if any one has any ideas! 😀
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.