Wednesday, 11 September 2013

Clip an image and expand it on click

Clip an image and expand it on click

What I'm looking for is basically a slightly modified lightbox for image
expansion.
The lightbox implementations I've seen basically take an image and pop it
out to its full size when clicked. I've been searching and searching for a
way to accomplish the below, without luck so far.
The problem:
What I want is for the image to be cropped until clicked on, at which
point it should expand to full size (out of flow, like a lightbox) and
uncrop to make the entire image visible.
Here is an example...
At start, the image is displayed as:

--
...then when clicked, it becomes:

Is there a jQuery plugin or some other approach that accomplishes this
clipping/cropping effect (and then expansion upon click)?
Thank you.

No comments:

Post a Comment