Zoom feature in articulate/Rise
Nov 12, 2019
Hi everyone!
I have a image of a large document I would like my learners to be able to zoom in and read. I see that the zoom feature in Rise is very limited, so I have started using storyline in order to create a "zoom region".
Have anyone done this before, and have a good idea for how to let the learners zoom to each part of the image? Do I have to create a new "layer" for each specific region they zoom in to, or can I add a zoom-bar which they then can control the amount with, and then click on the area they would like to zoom?
I found this thing: https://www.w3schools.com/howto/howto_js_image_zoom.asp, and see that you can add javascript in storyline. It would be awesome to do something like this, but guess it's not that easy.
10 Replies
Hi Kennet!
You're on the right track with using Storyline to create something like this in Rise!
I've created a brief example of how to create this so that you can still add text. Zoom regions aren't clickable so if you want the user to click, then I'd recommend using a marker.
Hi! Could you perhaps elaborate about using markers and user activated zooms? Unfortunately I am not familiar enough with Storyline to transfer your timeline-solution to user controls :)
Hi Kennet!
Absolutely, I can elaborate! Zoom regions are not activated by the user, but rather the timeline. If you want the user to zoom in on something specific, then you might want to use a layer instead. This is what using a layer would look like.
One more thing! Like I've mentioned there are multiple Storyline features that can contribute to this outcome in Rise 360!
Here are support articles to reference for zoom regions, layers, and markers!
How about using a zoom region in a Layer ? It's doesn't seems to be possible.
Hi Patrick,
That's correct! While there isn't a way to use a zoom region on a layer, you can crop regions of the original image and enlarge them on a layer.
My teammate, Alyssa, covered an example in her video here. Take a look and see if this helps!
Hi there - with Alyssa's video - what is the finished output?
Hello HN Training!
I don't see the final project available. Let us know what you're looking to build, and we'll point you to a similar example.
Good question. I'm attempting something similar in that I have a document I want my learners to view in parts. (there are several sections that we are discussing). How did the finished output look once she cropped and created layers for each section? Also would adding a zoom feature help too? Thank you
Hi, Kara.
Thank you for reaching out!
In this thread, you can find the .story file Alyssa created.
I hope this helps!