Best jQuery 3D Slider Plugins & Tutorials with Demo

jQuery Featured 3D Slider

jQuery Featured 3D Slider

Featured 3D Slider is a jQuery plugin that converts static HTML content into a 3D stage with smoothly moving objects. It is very easy to integrate it in a WordPress theme or any website in general. Slides are just wrappers of whatever HTML content you can imagine – images, captions, links, buttons, icons.. even video embeds. Featured 3D is highly configurable. More than one sliders can be initiated on a single page, each one with its own configuration set of options. Please, check the live preview of this slider and get answer of the question “Is this possible without Flash, but just pure jQuery?

Slicebox – A fresh 3D image slider with graceful fallback

Slicebox – A fresh 3D image slider with graceful fallback

With the CSS3 3D transformations we can create some neat effects by transforming elements in three-dimensional space. Slicebox makes use of the 3D transforms properties and allows different kind of effects. The main idea is to create three-dimensional image slices that will rotate and reveal the next image as another side of the 3d object. In case the browser does not support 3D transformations, a simple slider will be used as fallback.

jQuery AOG Carousel

jquery Carousel

This is a 3D-like spinning carousel that can be manipulated with the mouse.

It is fully powered by jQuery. There is no Flash, no CSS3, just simple jQuery coding.
It is lightweight (6k) and highly customizable and compatible with all major browsers.

Cloud Carousel – A 3d Carousel in jQuery

Cloud Carousel - A 3d Carousel in jQuery

“There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist, the commercial Flash products tend to have better aesthetics and polish. To redress the balance in JavaScript’s favour, I have created this jQuery carousel plugin.”

3D Waterwheel Image jQuery Carousel

3D Waterwheel Image Carousel

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

jQuery iTunes Like Slide Show Gallery

JQuery iTunes Like Slide Show Gallery

This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.

jQuery Expand Stacked Images Using Slider with Demo

JQuery Expand Stacked Images Using Slider

This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked I’m using jquery plugin, the rotate3Di and of course the jQuery UI slider.