jQuery之所以強(qiáng)大，是因?yàn)橛袩o數(shù)優(yōu)秀的技術(shù)人員為其沒費(fèi)開發(fā)插件。令這個(gè)輕巧優(yōu)秀的Javascript庫更加優(yōu)秀。

1.jquery.soChange.js
首先推薦的是由一名中國的前端–不羈蟲開發(fā)的插件。這是一款輕巧的圖像切換插件。

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

2.AnythingSlider jQuery Plugin
圖片切換效果，可以方便的點(diǎn)擊左右按鈕對圖片進(jìn)行切換，也可以點(diǎn)擊圖片下面的標(biāo)簽進(jìn)行切換。

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

3.jQuery Horizontal Accordion
縱向標(biāo)簽圖像內(nèi)容切換

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

4.jCarousel
橫向縱向排列圖片，而后點(diǎn)擊左右或者上下按鈕對圖片進(jìn)行切換瀏覽

DEMO和下載地址為：http://sorgalla.com/jcarousel/

5.Image Rotator with Description
右側(cè)為縮略圖，左側(cè)為具體的圖片和文字說明

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

6.jFlow
圖片橫向?yàn)g覽

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
右側(cè)圖片的縱向列表，左側(cè)圖片的展示

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比較喜歡這個(gè)圖片切換效果

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認(rèn)為一款很經(jīng)典的圖片切換效果，圖片的說明文字可以放在上下左右

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
左側(cè)縮量圖可以放大

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/

?

轉(zhuǎn)載于:https://www.cnblogs.com/anjie/archive/2011/03/24/2861871.html

總結(jié)

以上是生活随笔為你收集整理的jQuery插件推荐(一) ——图像切换展示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。