Question

I’m trying to load a large version of an image in the centre of the user’s screen when then tap on a smaller version of the image that’s already on my view.

Ideally I want to do this using an animation to get to the new image like a vertical flip.

Also if there’s a way to make the background look greyed out like it’s not the foreground then that would be even better.

Here’s an image of what I’m after, I’m at work at the moment so haven’t got access to the actual code / images.

I’m a new user so can’t add pictures. Click here if you want to see what I’m thinking.
Image

Answer 1

In the end I added the larger image on to begin with and set its alpha to 0, then added a gesture recognizer on the smaller image that animated the larger one and gradually changed its alpha to 1. The did the reverse on the large image. Don’t know why I didn’t think of that in the first place!