12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
圖片輪播是網(wǎng)站中的常用功能，用于在有限的網(wǎng)頁空間內(nèi)展示一組產(chǎn)品圖片或者照片，同時還有非常吸引人的動畫效果。本文向大家推薦12款實用的 jQuery 圖片輪播效果插件，幫助你在你的項目中加入一些效果精美的圖片輪播效果，希望這些插件能夠幫助到你。
Nivo Slider首先推薦的這款插件號稱世界上最棒的圖片輪播插件，有獨立的 jQuery 插件和 WordPress 插件兩個版本。
目前下載量已經(jīng)突破 1,800,000 次！jQuery 獨立版本的插件主要有如下特色：
✓ 16個獨特的過渡效果✓ 簡潔和有效的標(biāo)記✓ 加載參數(shù)設(shè)置✓ 內(nèi)置方向和導(dǎo)航控制✓ 壓縮版本大小只有12KB✓ 支持鏈接圖像✓ 支持 HTML 標(biāo)題✓ 3套精美光滑的主題✓ 在MIT許可下免費使用✓ 支持響應(yīng)式設(shè)計
非常非?？岬?3D 圖片滑動效果，有五種絢麗的效果演示。
立體效果是基于CSS3實現(xiàn)的，請使用最新 Chrome，F(xiàn)irefox 和 Safari 瀏覽器瀏覽效果。
對于不支持 CSS3 的瀏覽器提供了優(yōu)雅的降級處理，這款插件還有詳細(xì)的制作教程。
FlexSlider 是一款輕量的響應(yīng)式 jQuery 內(nèi)容滾動插件，能夠幫助你在項目輕松的創(chuàng)建漂亮的內(nèi)容滾動效果。
這款插件也是 2011 年度最佳 jQuery 插件，今年被 WooThemes 收購并發(fā)布了2.0版本，因此繼續(xù)入選 2012 年度榜單。
主要特色✓ 簡單的，語義化的標(biāo)簽；✓ 支持所有主流的瀏覽器；✓ 水平/垂直滑動和淡入淡出動畫；✓ 支持多個滑塊，回調(diào) API，以及更多；✓ 觸摸滑動支持硬件加速；✓ 能夠自定義導(dǎo)航選項。✓ 兼容最新版本的 jQuery。
Elastislide 是一款非常優(yōu)秀的響應(yīng)式 jQuery 幻燈片插件，集成了 Touchwipe 插件以支持觸屏設(shè)備。
提供了四種效果✓ 水平圖片傳送帶✓ 垂直圖片傳送帶✓ 固定在屏幕底部✓ 縮略圖形式預(yù)覽
這款插件也有詳細(xì)的制作教程，非常詳細(xì)，可以學(xué)習(xí)到插件的制作方法。
特別推薦！精致的立體圖片切換效果，特別適合企業(yè)產(chǎn)品展示，可立即用于實際項目中。
支持導(dǎo)航和自動播放功能， 基于 CSS3 實現(xiàn)，推薦使用最新的 Chrome，F(xiàn)irefox 和 Safari 瀏覽器瀏覽效果。
基于 jQuery 和 CSS3 動畫實現(xiàn)的圖片過渡效果。
共有Flip、Rotation、Multi-flip、Cube、Unfold等6種效果。
這款插件有詳細(xì)的制作教程可以參考學(xué)習(xí)。
Slides 是一個非常簡潔的 jQuery 圖片輪播插件，其特點是自動循環(huán)播放、圖片預(yù)加載以及自動分頁功能。
使用示例✓ Images with captions✓ Linking✓ Product✓ Multiple slideshows✓ Simple (unstyled)✓ Standard
這是一個響應(yīng)式的 JavaScript 相冊插件，目的是讓制作專業(yè)相冊功能變得更加簡單。
Galleria 支持縮略圖導(dǎo)航、全屏瀏覽和自動播放功能，支持 iPhone，iPad Touch 等移動觸屏設(shè)備。
AnythingSlider 由CSS-Tricks 的Chris Coyier 設(shè)計，功能齊全，效果精美，應(yīng)用十分廣泛。
主要特色✓ 簡單的，語義化的標(biāo)簽；✓ 水平/垂直滑動和淡入淡出動畫；✓ 主題可以適用于單個滑塊；✓ 同一個頁面可以顯示多個滑動模塊；✓ 提供了豐富的自定義參數(shù)選項。✓ 支持所有主流的瀏覽器；
這是另外一款效果精美的響應(yīng)式圖片輪播插件，有眾多專業(yè)的模板。
提供了 Rotate,Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade 等精美的輪播效果。
基于 HTML5 Canvas 和 jQuery 制作的圖片幻燈片效果，有詳細(xì)的制作教程可以學(xué)習(xí)。
詳細(xì)的制作教程和實現(xiàn)思路參考這里，An HTML5 Slideshow With Canvas & jQuery。
提供常見的圖片輪播效果，可以前后切換，也可以通過頁碼導(dǎo)航，能夠在一頁上顯示也可以幻燈片形式顯示。
效果演示✓ Normal
✓ Vertical thumnbails
✓ Horizontal thumbnails
✓ Dynamic height
✓ Hundred percent
✓ Viewline
作者：山邊小溪
出處：http://www.cnblogs.com/lhb25/
相關(guān)文章
jQuery選擇器源碼解讀（六）：Sizzle選擇器匹配邏輯分析
這篇文章主要介紹了jQuery選擇器源碼解讀（六）：Sizzle選擇器匹配邏輯分析,,需要的朋友可以參考下2015-03-03
本篇文章主要是對Json序列化和反序列化方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery中設(shè)置form表單中action值的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query中設(shè)置form表單中action值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jQuery仿淘寶網(wǎng)產(chǎn)品品牌隱藏與顯示效果
這篇文章主要介紹了jQuery仿淘寶網(wǎng)產(chǎn)品品牌隱藏與顯示效果,通過jquery鼠標(biāo)事件實現(xiàn)頁面元素的顯示與隱藏功能,非常具有實用價值,需要的朋友可以參考下2015-09-09
jQuery 1.5.1 發(fā)布，全面支持IE9 修復(fù)大量bug
jQuery 1.5.1發(fā)布了！這是自jQuery1.5發(fā)布以來第一個小版本更新，并且解決了很多BUG。2011-02-02
深入研究jQuery圖片懶加載 lazyload.js使用方法
這篇文章主要介紹了jQuery圖片懶加載 lazyload.js使用方法，通過設(shè)置臨界點,占位符,設(shè)置事件來觸發(fā)加載等等來講解lazyload.js的使用,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08
比較常用的限制字符輸入數(shù)功能(比如熱火超天的微博輸入框),用jQuery和原生JavaScript分別寫了一個.原生JavaScript注釋中有區(qū)分中英文字符的函數(shù), 但個人并不建議這么做.2010-09-09
jQuery實現(xiàn)跨域iframe接口方法調(diào)用
頁面a.html域名為www.a.com嵌入頁面http://www.b.com/b.html,b.html要調(diào)用a.html中的js函數(shù)，由于兩個頁面不在一個域中，會提示沒權(quán)限。如何解決該問題呢，請看下面示例代碼。2015-03-03
這篇文章主要介紹了jquery專業(yè)的下拉菜單特效，一個精致的導(dǎo)航菜單會吸引用戶的注意力，讓用戶產(chǎn)生瀏覽網(wǎng)站的興趣至關(guān)重要，現(xiàn)在小編推薦給大家一款特別棒的導(dǎo)航菜單，感興趣的小伙伴可以參考下。2015-08-08
任務(wù)需要,就寫了一個jQuery新聞滾動插件jquery.roller.js,功能相對比較簡單,可能往后會加入ajax一段時間輪詢 動態(tài)加載的功能.下面直接給出源代碼,如果需要可以直接下載2011-06-06