Image transition (Animation)

January 19, 2011

I’ve done lately a lot of image browsers, in this version I wanted to give the user a feeling that the images where falling apart.

My solution to this was creating a set of divs, setting the image as a background on these divs, offsetting the background with the width of the div.

When changing image, I moved one div after the other away from the lineup and at the same time moving in the new image in the same manner.

(There’s a lot of images, so the load time may be quite long)

Try it out!

Tags