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.
GENERAL FEATURES LIST:-
-> Nice Idea to present your Gallery / Products or different purpose.
-> Working with 2 Panel Thumb panel and Full image view with Next Previous buttons.
-> Nice thumb panel and Full view 2D view and movement over thumb to Full image view.
-> Dynamically able to set width / height for Thumb and full view images.
-> Dynamically set Number of colum and Number of rows for thumb panel.
-> Set Horizontal Space and Vertical space between Thumbs dynamically.
-> Jquery Enable- Diable option included in admin screen view.
-> Trying to give more from our side after suggestions from customers.
Admin Screen :-