Working with Zoom Regions

Apr 01, 2014

Hi there,

Is there anyone that could help me accomplish what I'm trying to do?

I want to start with one big picture on the base layer. I then want the viewer to be able to click on a part of the image (hotspot I would assume), and have that trigger a zoom region on the selected area. I can't seem to find a way to make the zoom region happen other than just the timeline, and once it starts, I don't know how to pause it. I would then like it to stay zoomed in until the viewer triggers it to zoom out (for example, by clicking a back arrow or other button).

I'm new to Storyline and am used to Captivate so I'm used to being able to throw a pause in the timeline until something happens.

Any help would be so appreciated!

4 Replies

Rebecca Fleisch Cordeiro

10 years ago04/02/14 at 5:26 am (UTC)

Hi Jill,

Welcome to the community.

I'm sure there are various ways to do this, but here's my take. On the attached, instead of a hotspot, I used a shape that I set to 100% transparent, with no lines (I find shapes more flexible than hotspots).

I tried this out with 2 different methods: using states and using layers. In both cases, I fiddled a bit more to get a smoother transition between the zoomed in and out states, so there are more steps than are "strictly" required.

All the steps are in the notes section for the slides.

One slide is titled: Zoom with States

The other is titled: Zoom with layers

Please shout out with any questions!

click_image_zoom_portion.story

Jill Pavlak
Author

10 years ago04/02/14 at 8:14 am (UTC)

Thank you Rebecca!

I really like the first option to zoom with states. I made one modification that I think adds to the smoothness too. I put the same image of the butterfly in the exact same spot and sent it to the back, and also made it darker. This way when the butterfly zooms in on the body, it appears that that image doesn't move, but gets darker to highlight the new zoomed in image.

Thank you for your help!