jQuery插件推荐(一) ——图像切换展示

jQuery之所以强大，是因为有无数优秀的技术人员为其没费开发插件。令这个轻巧优秀的Javascript库更加优秀。

1.jquery.soChange.js
首先推荐的是由一名中国的前端–不羁虫开发的插件。这是一款轻巧的图像切换插件。

下载地址：http://code.google.com/p/sochange-juqeryplugin/downloads/list

2.AnythingSlider jQuery Plugin
图片切换效果，可以方便的点击左右按钮对图片进行切换，也可以点击图片下面的标签进行切换。

DEMO地址：http://css-tricks.com/examples/AnythingSlider/
下载地址：http://github.com/ProLoser/AnythingSlider/downloads

3.jQuery Horizontal Accordion
纵向标签图像内容切换

DEMO地址：http://www.portalzine.de/Horizontal_Accordion_Plugin_2/index.html
下载地址：http://www.portalzine.de/index?/Downloads/1/agree/aWQtMjct/

4.jCarousel
横向纵向排列图片，而后点击左右或者上下按钮对图片进行切换浏览

DEMO和下载地址为：http://sorgalla.com/jcarousel/

5.Image Rotator with Description
右侧为缩略图，左侧为具体的图片和文字说明

DEMO地址：http://www.sohtanaka.com/web-design/examples/image-rotator/
下载地址：http://designm.ag/tutorials/image-rotator-css-jquery/

6.jFlow
图片横向浏览

DEMO地址：http://d2o0t5hpnwv4c1.cloudfront.net/078_screencast2/jFlowTutorial/index.htm
下载地址：http://net.tutsplus.com/articles/news/using-the-wonderful-jflow-plugin-screencast/

7.Create Featured Content Slider Using jQuery UI
右侧图片的纵向列表，左侧图片的展示

DEMO地址：http://demo.webdeveloperplus.com/featured-content-slider/
下载地址：http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/

8.A Basic Content Slider With jQuery
Ann比较喜欢这个图片切换效果

DEMO地址：http://www.copterlabs.com/demo/contentslider/?from=ennuidesign
下载地址：http://brenelz.com/blog/build-a-content-slider-with-jquery/

9.Creating a Slick Auto-Playing Featured Content Slider
上为图片展示，下为图片缩略图

DEMO地址：http://css-tricks.com/examples/FeaturedContentSlider/
下载地址：http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

10.Wordpress Theme using JQuery s3Slider
Ann认为一款很经典的图片切换效果，图片的说明文字可以放在上下左右

DEMO地址：http://www.serie3.info/s3slider/demonstration.html
下载地址：http://www.tobacamp.com/tutorial/creating-featured-slider-in-wordpress-theme-using-jquery-s3slider/

11.Fancy Thumbnail Hover Effect w/ jQuery
左侧缩量图可以放大

DEMO地址：http://www.sohtanaka.com/web-design/examples/image-zoom/
下载地址：http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

12.Moving Boxes

DEMO地址：http://css-tricks.com/examples/MovingBoxes/
下载地址：http://css-tricks.com/moving-boxes/