Insert image with enlarge icon + animation positioning question
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:
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!