Today 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 plug-in 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. The whole animation looks best in Google Chrome and Apple Safari. The plugin has the following configuration: -> Awesome Nice Gallery. -> Able to set up to 24 Images with thumbnails here. -> Next previous Button with 2D Image big view when you click on thumb again click on Big image so you back to thumbnail panel. -> Try to Give more from our Side as soon. |
COMMENT SECTION
to those who want to remove the grid just modify the following CSS:
.im_wrapper div {
-moz-box-shadow: 1px 1px 3px #000000;
change it to this:
-moz-box-shadow: 0px 1px 3px #000000;
this gallery looks great! But..is possible write somenthing upside the phothos (like a description of the photo)?