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?”
Best jQuery 3D Slider Plugins & Tutorials with Demo
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.
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
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 Expand Stacked Images Using Slider with Demo
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.
- Accordion (46)
- Ajax (346)
- Animation (1,127)
- Articles (56)
- Bootstrap (259)
- Calendar (61)
- Carousel (105)
- Chart & Graph (126)
- Core Java Script (1,091)
- CSS2 / CSS3.0 (1,359)
- Drag & Drop (190)
- Events (78)
- Forms (564)
- Gallery (571)
- Games (47)
- HTML5 (486)
- Image Effects (211)
- jQuery Mobile (52)
- jQuery UI (77)
- jSON (188)
- Layout (45)
- Maps (105)
- Menus (546)
- Other API (270)
- Other Libraries (15)
- PHP (241)
- Plugins (3,921)
- Popup Window (372)
- Premium (791)
- Responsive (616)
- Slider (478)
- Snippets (162)
- SVG Tutorial (187)
- Tables (165)
- Tabs (103)
- Text Effect (204)
- Video & Audio (197)
- Web (826)
- Wordpress (59)
- XML (31)
- Zoom (101)