Forum Discussion
Create the option to click and zoom-in on image
Hello everyone!
I really need the user to be able to click on an image and see it in bigger format. I couldn't find any in-built option (strange?) so I found another post mentioning to use the selected state. I did that but when the user clicks on the picture to zoom in, the picture gets lost into background elements (see slide 1.1). So in slide 1.2 I created a rectangle to hide the background objects but it's still not working! How comes we aren't able to easily have such an option for clicking and zooming in on a picture? And how can I get that effect? Thank you!
I am attaching an example.
7 Replies
Hi Doina!
It sounds like the ZOOM REGION feature might be perfect for you.
Go to INSERT > Zoom Region and then you will be prompted to highlight the area you want to zoom in on.
Next you'll need to adjust the zoom region animation by moving it so it doesn't start at 0:00 in your timeline.
Finally, trigger the zoom to start and stop by pausing and resuming your timeline (I use cue points for this to keep it simple and easy to adjust)
Give it a try, I think it will do exactly what you need.
If you need more help, just ask :)
Hi Andrew! Thank you for taking time to answer this. Ron's solution was actually what I was looking for. However, I will save your steps for whenever I need to zoom in just a particular area, very useful, thank you!
Hello Andrew, thank you for this option. Can you pls explain in detail. I have a slide with an image - 3 clicks on the image which opens a layer each (so 3 layers). Now the ask is to also have a zoomed in version of that image/clcikable portion in layer alongwith text. Can you pl guide how to go about same.
Note: I had created 3 rectangles for 3 clickable portions on the image.
Hello NidhiSahni,
Thanks for reaching out! I understand you have an image on your base slide layer, and you're looking for the option to zoom in on three clickable sections to see a close-up of the image along with some text. I'd like to share a recommendation for your design!
1. Insert a Freeform Hotspot Question.
2. In Form View, insert an image and the appropriate hotspots for the sections of the image you'd like to be zoomed in.
3. Create a layer and insert the original image.
4. Crop the image to the hotspot outline and enlarge the image. Then, insert the appropriate text.
5. Depending on your preference, you can insert a hover trigger or two triggers so learners can click in and out of the selected area.
- Here's a closer look at my sample project for your reference!
Please let us know if you're looking for something different or have any other questions! Feel free to share your current .story file in this thread so folks can take a closer look at your current setup.
Looking forward to hearing from you!
Hello Doina
Is there a reason that the built-in Zoom Picture option does not work for you as a solution?
Here is a blog I wrote several years ago, that might help address this as well - https://www.thearticulatetrainer.com/how-can-learners-explore-a-larger-document-in-my-course/
Hi Ron! Wow I didn't know there was such an option (even after googling). Thank you so much, it does the job!
Oh, wow, this is the first time I hear about this option. Never saw it before :-)
Always did it as Andrew suggested.
Thanks Ron!
