Forum Discussion

KennetFagerstra's avatar
KennetFagerstra
Community Member
7 years ago

Zoom feature in articulate/Rise

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. 

  • 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!

      • LaurenDuvall's avatar
        LaurenDuvall
        Staff

        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.