Insert image with enlarge icon + animation positioning question
Dec 16, 2013
By
Jackie Chu
Hi everyone,
I have a couple of questions, I would like to have an image on a page and then when you click on the image have it enlarge for more detail - like how it is on the quiz interactions - for the life of me I can't find where to do this?
Also, on a simple click and reveal interaction I would like to have it so if you click on the button a panel appears to animation from the button? like a scroll but not that fancy, just a fluid transition rather then have it just appear; when i select from the animation options it only gives me options for the entire panel to fly from offscreen onto the page which is not what I want.
Many thanks, I am looking forward to discovering more ways to make some good lookin interactions
Jackie
4 Replies
Hi Jackie,
For the image, have you looked into inserting a Zoom region? Additionally, you could add a Zoom element to a picture as shown here:
Click this option to enable a zoom icon on your image, which learners can click to see a larger view. (The zoom will work only if you've resized the image on your slide to be smaller than the original — for example, if you've inserted a 500x500 pixel image and then resized it to be 250x250, the zoom icon will allow learners to see zoom the image to its original 500x500 size.)
Hi Ashley,
Thank-you so much for your reply, yes the zoom picture was exactly what I was looking for! I was actually clicking it but I didn't resize the picture to smaller beforehand so it wasn't doing anything.
In the thread on animations there is an interaction a forum member posted here:
http://community.articulate.com/cfs-file.ashx/__key/CommunityServer.Components.Avatars/Move-across-screen_5F00_motionpath_5F00_timeline_5F00_masking.story
Would you be able to explain how to create the mask effect on the first slide?
Hi Jackie,
The masking effect is really quite simple. On that slide there are four objects:
The trick is to sandwich (layer) the objects in an order that supports the mask effect. Here's the breakdown:
Does that answer your question?
Hi Jackie,
Looks like Kevin has you covered for directions to set that up! Thanks Kevin!
This discussion is closed. You can start a new discussion or contact Articulate Support.