Flip 3D SlideShow is a jQuery plugin for displaying images as a SlideShow on the browser.
This was an inspiration from the Flip 3D navigation present in the OS, Microsoft Windows Vista/7. Here, the images are lined up in 3D style and while navigating, there is animation and fading of the images in the background. I created this to learn how to use the JavaScript framework, jQuery.
// Call the method, `flip3d` from the container that has the images to be shown as slideshow.
$(".container").flip3d();
// You can also customize the animation and placement of the images by passing in the options.
$('.container').flip3d({
horOffset: 50, // The horizontal offset of the image from previous image.(+ for moving images right, - for left)
verOffset: -20, // The vertical offset of the image from previous image.(+ for moving images bottom, - for top)
imagesVisible: 8, // Number of images visible at any one point
speed: 500, // Animation speed to slide the images
fading: true // Whether the images fade into the background
});
// For a complete example, check out the demo page.