Forum Discussion
clickable zoom region
creating a zoom region is easy enough. how do you create a zoom region that is clickable so that it will only zoom when you click on it.
13 Replies
- ChristiePollickCommunity Member
Hi, David --
Unfortunately, as zoom regions are timeline based, there isn't a way to trigger or make a zoom region clickable. You may want to review this information on Adding Zoom Regions, and also this article on Three Great Uses for the Zoom Region Tool in Storyline.
- IanMonkCommunity Member
Hi David,
To Christie's point, there is no direct means to do this in Storyline. That said, I've discovered a bit of a workaround to achieving this effect.
I created a simplified demo, but this effect could also be achieved on more complex slides too.
All I did was duplicate the 'main' slide I wanted users to be able to zoom and added a zoom region to it. On the 'main' slide, I created a button called 'zoom' which jumps to the 'duplicated' slide with the zoom region. This gives the user the illusion that they have zoomed in on the same slide, but technically it's two separate slides. To finish the effect, I added a back button on the 'duplicated' slide for users to go back.
Hope this helps.
Cheers,
Ian
- CarolJohnson-a4Community Member
Thanks for sharing Ian. I am going to use this approach in a course I am working on right now.
- RebeccaWithersCommunity Member
another workaround would be pausing the timeline at a certain time trigger, and then resume timeline when they click a shape or hotspot over the area you want to zoom into, then place the zoom region beginning right when the timeline resumes.
- MarcusAlgotssonCommunity Member
I used this solution.
***
Rebecca Withers
another workaround would be pausing the timeline at a certain time trigger, and then resume timeline when they click a shape or hotspot over the area you want to zoom into, then place the zoom region beginning right when the timeline resumes.
***The problem was it only worked one time, because of the timeline.
To solve this I used 'Jump to slide' when the timeline ends, and jump to an empty slide, that only contains a jump back to the zoom slide.
And the zoom-slide setting for revisiting must be 'Reset to initial state' to restart the timeline.
Thanks Rebecca - always good to see another idea, even in these older discussions!
- EmersonCollinsCommunity Member
Great discussion and work around. Using additional slide as zoom-to area can cause slide miscounts in some LMS systems. To get around that potentiality, you can fabricate a zoom-in area on another layer using animations, with a zoom out button to return to the main layer. Of course all of this fabrication can be minimize if the Articulate adds trigger capabilities to zoom areas feature. Also, adding zoom areas on layers would be a big help as well. These suggestions have been submitted to Articulate's Request a product feature.
Thanks so much for sharing your findings and experience Emerson...and of course for submitting your feature requests :)
Hey Marcus,
I appreciate you sharing that Rebecca's solution worked well for you too.
You mention that you still had an issue when you re-visited the slide? Based on your description, you could probably remove the empty slide and just have the trigger jump back to the same slide that is set to 'reset to initial state'. Just sharing an idea in case that's helpful.
- MarcusAlgotssonCommunity Member
Hey Leslie, thanks for the tip. Made it evan easier :)
- RebeccaMcGeeCommunity Member
I created a zoomed image (.png) and add it to the slide, made it invisible, then revealed it with a trigger I place on a zoom in icon image.
ZOOM IN
THE ZOOM IMAGE: edit the image state and create a "disabled" state. Then delete the image in the disabled state, and set the initial state to Disabled to make it invisible. Place a zoom in icon or button in the corner of the area you want them to be able to zoom into and place a trigger on it.
THE TRIGGER: For the trigger I use:
Action: change the state of
Object: the zoomed image
To State: normal
When: user clicks
Object: the zoom in icon I placed on the slide
ZOOM OUT
TO ZOOM OUT: place a zoom out icon or button in the corner of the area you want them to be able to zoom out of and place a trigger on the icon.
THE TRIGGER: For the trigger on the zoom out icon I use:
Action: change the state of
Object: the zoomed image and the zoom out icon
To State: disabled (remember I deleted the image of these in their disabled states to create invisibility)
When: user clicks
Object: the zoom out icon image I placed on the slide