30个非常强大免费的jQuery Content Slider

13年前
内容就不翻译了,http://ajax.open-open.com大部有收录并有中文内容。

Content sliders is best solution for displaying content in limited space. Sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. In this post I’ll show you 30 excellent jQuery slide plugins that can help you to create slider effects using jQuery.

Nivo slider

Nivo slider is lightweight jQuery plugin for creating an awesome Image Slider. This plugin offer 9 unique transition effect. This image slider is simple clean and it has valid markup. This image slider can display prev-next buttons and a navigation to control the slides.

Sliderman.js

Sliderman.js is a standalone javascript library for sliding images. The main feature of Sliderman.js is multiple unique effects which can be combined together.

hash-slider

Hash is simple yet faeture rich jQuery content slider. This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.

Choco-Slider

Choco-Slider is a lightweight (~7kb) and flexible jQuery image slider plugin with good-looking effects. The plugin has various customization options including the dimensions, auto-slide , delays between transitions, prev-next controls and much more.

Tiny Circleslider

Tiny Circleslider is a circular slider / carousel plugin for jQuery. That was built to provide web developers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library.

jQuery Panel Gallery

jQuery Panel Gallery is plugin for jQuery that allow us to take a group of images and transition from one to the other in a smooth, visually appealing way. Not one image needs to be sliced or edited to work with this plugin, in fact the plugin handles everything itself.

TinyFader

This 1.4KB fading slideshow script can easily be customized with CSS. It is a slight variation from the TinySlider script and is still completely standalone and uses a simple unordered list structure to support any content. It even gracefully degrades without JavaScript support. The script supports automatic rotation with the option to auto-resume, an active class on a navigation list if applicable, and an initial display toggle.

carouFredSel

jQuery.carouFredSel is a plugin that turns any kind of HTML element into an infinite, circular carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.

Orbit

Orbit is a lightweight(3.2kb) jQuery plugin that lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.

dualSlider

dualSlider is a jQuery content slider plugin that allow us to display any HTML output. It has two-sided interface which both of them slides sequentially and while one side displays the slide, other can present extra information about it.

Coin Slider


Coin Slider is a jQuery image slider plugin that has unique transition effects. It has a navigation box on the bottom to choos image to displaying and prev-next buttons that appear on hover for easily browsing images. Coin Slider can display caption about the images displayed and images can also be set as links to the defined URLs.

jqFancyTransitions

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. It has three predifined effects that we can use such as Wave, Curtain and Zipper. We can also made custom effect with set of options that you can use to set speed, number of strips, direction, type of effect, etc.

jQuery Thumbnail Scroller

jQuery Thumbnail Scroller is A cool jquery/css thumbnail scroller inspired by the ones made in Flash. It works on mouse over and it’s simple to configure and easy to style through css.

jQuery Image Scale Carousel

What Makes jQuery Image Scale Carousel Different is It’s can auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place.

Sudo Slider

Sudo Slider is slider plugin that allows the designer to do whatever he wants, with whatever HTML he want. Sudo Slider can load images and html with Ajax. We can choose between a normal slide animation, or a fade animation.

jCoverFlip

jCoverFlip is jQuery plugin that allow us to showcase both images and content associated with an item. This plugin has been developed to enable fast and granular customization of the look and feel and feature set. jCoverFlip support for Drag or click functionality to showcase featured content items on demand by the user. The content can be browsed by clicking on any of the items or using a slider.

Feature List

Feature List is jQuery plugin that enables simple and easy creation of an interactive “Featured Items” widget. It has slick effect, no flash needed, reusbale on multiple container, can be styled with custom HTML/CSS and the sile size is only 2K.

loopedCarousel

loopedCarousel is jQuery plugin that allows you to create both horizontal and vertical carousels for your web page. loopedCarouse developed by Nathan Searles. loopedCarousel made for jQuery that is not only a looping carousel, its main goal is to be extremely easy to implement.

BxSlider

BxSlider is an easy use JQuery plugin for displaying content slider on web. It has four options available such as manual slide, auto slide, manual fade, and ticker. This plugin is great for diplaying slider both text slider and images slider. Various settings available for customizing content slider like speed, auto: true/false, and ticker_direction.

CrossSlide

CrossSlide is a jQuery plugin implementing in 2kB1 of Javascript code some common slide-show animations, traditionally only available via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself.

simpleSli.de


simpleSli.de is a simple and lightweight (4kb compressed) jQuery slideshow plugin that can display any HTML content. With the little markup you need to add to your site, you get a full featureset, like the ability to put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality.

Simplest jQuery Slideshow

Jonathan Snook published a post that describes making the “Simplest jQuery Slideshow”.

AnythingSlider jQuery Plugin

AnythingSlider 30 Powerfull Free jQuery Content Slider

AnythingSlider is “full featured” slider that could be widely useful. This plugin can present any HTML content It can display any number of slides where navigation tabs are generated automatically.

Horinaja

Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery. Horinaja is innovative because it allows you to use a mousewheel for navigation. When the mouse is outside of the slide-show area, it scrolls. When hovering over the slide-show, the scrolling pauses.

Supersized

Supersized is a jQuery plugin that resizes images/backgrounds to fit the whole screen & display them as a slideshow.

Easy Slider

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css.

Coda-Slider 2.0

codaslider 30 Powerfull Free jQuery Content Slider

Coda-Slider is a jQuery plugin which mimics the slider effect on the promo page for Panic’s Coda software.

s3Slider

s3Slider is slide show jQuery plugin. With s3Slider you can create simple and smooth (cross-fading…) image slideshows and/or showcases on your website. This plugin is JQuery version of jd`s smooth slide show script.

loopedSlider

loopedSlider is a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the “content rewind” that most other content sliders suffer from.

Moving Boxes

Simple horizontal slider which grows up the current box when it’s in focus (image, title & text) and back down when it’s not in focus.