圖片輪播是網站中的常用功能，用于在有限的網頁空間內展示一組產品圖片或者照片，同時還有非常吸引人的動畫效果。本文向大家推薦12款實用的?jQuery?圖片輪播效果插件，幫助你在你的項目中加入一些效果精美的圖片輪播效果，希望這些插件能夠幫助到你。

?

Nivo Slider

首先推薦的這款插件號稱世界上最棒的圖片輪播插件，有獨立的?jQuery?插件和?WordPress?插件兩個版本。

目前下載量已經突破 1,800,000 次！jQuery 獨立版本的插件主要有如下特色：

• ? ?16個獨特的過渡效果
• ? ?簡潔和有效的標記
• ? ?加載參數設置
• ? ?內置方向和導航控制
• ? ?壓縮版本大小只有12KB
• ? ?支持鏈接圖像
• ? ?支持 HTML 標題
• ? ?3套精美光滑的主題
• ? ?在MIT許可下免費使用
• ? ?支持響應式設計

?

插件下載? ? ?效果演示

?

3D Image Slider

非常非常酷的 3D 圖片滑動效果，有五種絢麗的效果演示。

立體效果是基于?CSS3?實現的，請使用最新 Chrome，Firefox 和 Safari 瀏覽器瀏覽效果。

對于不支持 CSS3 的瀏覽器提供了優雅的降級處理，這款插件還有詳細的制作教程。

?

插件下載? ? ?效果演示

?

Flexslider

FlexSlider 是一款輕量的響應式?jQuery?內容滾動插件，能夠幫助你在項目輕松的創建漂亮的內容滾動效果。

這款插件也是 2011 年度最佳?jQuery?插件，今年被?WooThemes 收購并發布了2.0版本，因此繼續入選 2012 年度榜單。

主要特色

• ? ?簡單的，語義化的標簽；
• ? ?支持所有主流的瀏覽器；
• ? ?水平/垂直滑動和淡入淡出動畫；
• ? ?支持多個滑塊，回調 API，以及更多；
• ? ?觸摸滑動支持硬件加速；
• ? ?能夠自定義導航選項。
• ? ?兼容最新版本的 jQuery。

?

插件下載? ? ?效果演示

?

Elastislide

Elastislide 是一款非常優秀的響應式?jQuery?幻燈片插件，集成了 Touchwipe 插件以支持觸屏設備。

提供了四種效果

• ? ?水平圖片傳送帶
• ? ?垂直圖片傳送帶
• ? ?固定在屏幕底部
• ? ?縮略圖形式預覽

這款插件也有詳細的制作教程，非常詳細，可以學習到插件的制作方法。

?

插件下載? ? ?效果演示

?

3D Gallery

特別推薦！精致的立體圖片切換效果，特別適合企業產品展示，可立即用于實際項目中。

支持導航和自動播放功能， 基于?CSS3?實現，推薦使用最新的 Chrome，Firefox 和 Safari 瀏覽器瀏覽效果。

?

插件下載? ? ?效果演示

?

Image Transitions

基于?jQuery?和?CSS3?動畫實現的圖片過渡效果。

共有Flip、Rotation、Multi-flip、Cube、Unfold等6種效果。

這款插件有詳細的制作教程可以參考學習。

?

插件下載? ? ?效果演示

?

Slidesjs

Slides 是一個非常簡潔的?jQuery?圖片輪播插件，其特點是自動循環播放、圖片預加載以及自動分頁功能。

使用示例

• ? ?Images with captions
• ? ?Linking
• ? ?Product
• ? ?Multiple slideshows
• ? ?Simple (unstyled)
• ? ?Standard

?

下載插件?????效果演示

?

Galleria

這是一個響應式的?JavaScript?相冊插件，目的是讓制作專業相冊功能變得更加簡單。

Galleria 支持縮略圖導航、全屏瀏覽和自動播放功能，支持 iPhone，iPad Touch 等移動觸屏設備。

?

下載插件?????效果演示

?

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 設計，功能齊全，效果精美，應用十分廣泛。

主要特色

• ? ?簡單的，語義化的標簽；
• ? ?水平/垂直滑動和淡入淡出動畫；
• ? ?主題可以適用于單個滑塊；
• ? ?同一個頁面可以顯示多個滑動模塊；
• ? ?提供了豐富的自定義參數選項。
• ? ?支持所有主流的瀏覽器；

?

下載插件?????效果演示

?

WOW Slider

這是另外一款效果精美的響應式圖片輪播插件，有眾多專業的模板。

提供了?Rotate,Blur,?Flip,?Blast,?Fly,?Blinds,?Squares,?Slices,?Basic,?Fade?等精美的輪播效果。

?

下載插件?????效果演示

?

An HTML5 Slideshow

基于 HTML5 Canvas 和?jQuery?制作的圖片幻燈片效果，有詳細的制作教程可以學習。

詳細的制作教程和實現思路參考這里，An HTML5 Slideshow With Canvas & jQuery。

?

下載插件?????效果演示

?

Awkward Showcase

提供常見的圖片輪播效果，可以前后切換，也可以通過頁碼導航，能夠在一頁上顯示也可以幻燈片形式顯示。

效果演示

• ? ?Normal
  
• ? ?Vertical thumnbails
  
• ? ?Horizontal thumbnails
  
• ? ?Dynamic height
  
• ? ?Hundred percent
  
• ? ?Viewline
  

?

下載插件?????效果演示

總結

以上是生活随笔為你收集整理的12款经典图片轮播jquery插件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。