12 Classic white-rich-American-jquery picture Carousel Plugin-front-end development must _jquery

Image Carousel is a common feature in the Web site, used to display a set of product pictures or photos in a limited web space, as well as a very attractive animation effect. This article to recommend 12 practical jQuery image Carousel effect Plug-ins to help you in your project to add some beautiful effect of the picture carousel effect, I hope these plug-ins can help you.

Nivo Slider

First recommended this plug-in is known as the world's Best Picture Carousel Plug-ins, there are independent jQuery plug-ins and WordPress plug-ins two versions.

The current download volume has exceeded 1,800,000 times! The JQuery standalone version of Plug-ins has the following features:

✓ 16 Unique transition effects ✓ Concise and effective markup ✓ Load parameter settings ✓ built-in direction and navigation control ✓ compressed version size only 12kb✓ support link image ✓ Support HTML title ✓ 3 sets of beautifully smooth theme ✓ Free use of ✓ Support response design under MIT license

Plug-in Download effect Demo

3D Image Slider

Very, very cool 3D picture sliding effect, there are five kinds of gorgeous effect demo.

Stereo effects are based on CSS3 , please use the latest Chrome,firefox and Safari browser browsing effects.

For browsers that do not support CSS3, the graceful demotion process is available, and the plugin has a detailed tutorial.

Plug-in Download effect Demo

Flexslider

Flexslider is a lightweight, responsive jQuery content scrolling plugin that can help you easily create beautiful content scrolling effects on your project.

The plug-in is also the 2011 best jQuery Plug-in, this year was WooThemes acquisition and release of the 2.0 version, so continue to be selected in the 2012 annual list.

Main Features

✓ Simple, semantically labeled; ✓ supports all major browsers; ✓ Horizontal/Vertical slide and fade animation; ✓ supports multiple sliders, callback APIs, and more; ✓ Touch sliding supports hardware acceleration; ✓ can customize navigation options. ✓ Compatible with the latest version of JQuery.

Plug-in Download effect Demo

Elastislide

Elastislide is a very good response jQuery Slide plugin that integrates touchwipe plug-ins to support touch-screen devices.

provides four effects

✓ Horizontal picture Belt ✓ Vertical picture belt ✓ Fixed at bottom of screen ✓ Thumbnail form preview

This plug-in also has a detailed production tutorial, very detailed, you can learn the plug-in production methods.

Plug-in Download effect Demo

3D Gallery

Special recommendation! Exquisite stereo image switching effect, especially suitable for enterprise product display, can be immediately used in real projects.

Support for navigation and AutoPlay, based on CSS3 implementations, recommend the latest Chrome,firefox and Safari browser browsing effects.

Plug-in Download effect Demo

Image Transitions

The image transition effect based on jQuery and CSS3 animation.

There are 6 kinds of effects, such as flip, rotation, multi-flip, Cube, unfold and so on.

This plug-in has detailed production tutorials can refer to learning.

Plug-in Download effect Demo

Slidesjs

Slides is a very compact jQuery image carousel that features automatic loop playback, picture preload, and automatic paging.

using the sample

✓images with Captions✓linking✓product✓multiple slideshows✓simple (unstyled) ✓standard

Download Plug-in effect demo

Galleria

This is a responsive JavaScript album plugin designed to make it easier to make a professional photo album feature.

Galleria supports thumbnail navigation, full screen browsing and automatic playback to support mobile touchscreen devices such as Iphone,ipad touch.

Download Plug-in effect demo

Anythingslider

Anythingslider is designed by Chris Coyier of Css-tricks, with complete function, exquisite effect and wide application.

Main Features

✓ Simple, semantically labeled; ✓ Horizontal/Vertical slide and fade animation; ✓ Theme can be applied to a single slider; ✓ The same page can display multiple sliding modules; ✓ provides rich custom parameter options. ✓ supports all the mainstream browsers;

Download Plug-in effect demo

WOW Slider

This is another beautiful effect of the response-type picture of the Carousel plug-in, there are many professional templates.

Offers exquisite carousel effects such as Rotate,blur, Flip, Blast, Fly, blinds, squares, Slices, Basic, and Fade.

Download Plug-in effect demo

An HTML5 slideshow

Based on the HTML5 Canvas and jQuery production of the picture slide effect, there are detailed production tutorials to learn.

Detailed production tutorials and implementation ideas reference here, an HTML5 slideshow with Canvas & JQuery.

Download Plug-in effect demo

awkward Showcase

Provides a common picture carousel effect, you can switch back and forth, or through the page number navigation, can be displayed on one page or slide form display.

Effect Demo

✓normal
✓vertical thumnbails
✓horizontal thumbnails
✓dynamic height
✓hundred percent
✓viewline

Download Plug-in effect demo

Author: mountain Side Creek
Source: http://www.cnblogs.com/lhb25/