Submit your widget

Nice Image Boxes with jQuery

Created 8 years ago   Views 29865   downloads 5145    Author tympanus
Nice Image Boxes with jQuery
View DemoDownload 195.9 KB
231
Share |

we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen. We are using the jQuery 2D Transform plugin for the animated rotation.

When navigating through the full images, we will reveal the next or previous image by removing the current image box by box.