40個有創意的jQuery圖片、內容滑動及彈出外掛程式收藏集之一

以其文法簡單靈活而大受Web designer歡迎。所以很多網頁設計師結合jQuery的強大功能製作出了許多成熟的圖片滑動外掛程式，我們可以很簡單地直接將這些圖片滑動外掛程式嵌入到網頁中，很容易就得到了即酷又實用的jQuery圖片滑動效果。從這篇文章開始到接下來的幾篇文章我們將向大家分享40多種非常有用，又有創意的jQuery圖片滑動外掛程式，及其示範和。你可以按你網頁風格找到合適的jQuery圖片滑動外掛程式，然後點擊示範連結查看具體效果，然後下載此jQuery滑動外掛程式。希望你能在這40個jQuery圖片滑動外掛程式中找到你想要的。

1 FlexSlider

(Demo示範 | Download下載)

FlexSlider是一個非常出色的jQuery滑動切換外掛程式，它支援所有主流瀏覽器，並有淡入淡出效果。適合所有初級和進階網頁設計師使用。

jQuery圖片滑動切換外掛程式 - Flexslider

2 Bubble Slidershow Effect with jQuery

(Demo示範 | Download下載)

基於jQuery的泡泡圖片滑動轉場效果。Bubble Slidershow是一個很有意思的jQuery圖片滑動切換外掛程式。它通過泡泡效果來進行圖片切換，動態效果很特別。非常適合做風景等照片的切換展示。Bubble Slidershow的代碼是模組化的，你可以按你的需求隨意修改。

jQuery圖片滑動切換外掛程式 - 泡泡效果

3 Responsive Image Gallery with Thumbnail Carousel

(Demo示範 | Download下載)

這個圖片滑動切換外掛程式非常適合用於照片的切換顯示，它使用Elastislide的縮圖。使用者可以點擊縮圖或左右按鈕顯示對應的圖片。另外它支援使用者點擊鍵盤的左右方向鍵切換圖片。

jQuery圖片滑動切換外掛程式 - 照片瀏覽

4 Circular Content Carousel with jQuery

(Demo示範 | Download下載)

這個圖片滑動切換外掛程式合適用於步驟講解，或產品介紹。當使用者點擊More按鈕時當前內容會移動到最左邊，然後顯示一個文字框用於顯示更多資訊。並且可以點擊左、右按鈕切換內容。

jQuery圖片滑動切換外掛程式 - 滑動及彈出層

5 Lateral On-Scroll Sliding with jQuery

(Demo示範 | Download下載)

這個外掛程式其實已經超越了圖片滑動切換的功能。它的作用是使用者可以點擊按鈕，然後自動向上或向下滑動定位到網頁的某個位置。網頁的內容分成左右兩欄，外掛程式的滑動很流暢。可以用於時間軸的定位。

jQuery圖片滑動切換外掛程式 - 時間軸動態滑動

6 jScrollPane實現隱藏捲軸效果

(Demo示範 | Download下載)

這個滑動外掛程式也是廣義的滑動效果外掛程式，它的作用是用於隱藏頁面的捲軸。只有當使用者滑鼠移動到內容上方時才會出來捲軸。

jQuery圖片滑動切換外掛程式 - 隱藏捲軸

7 Timelinr

(Demo示範 | Download下載)

跟第5個外掛程式很類型，它是一個基於時間軸的jQuery滑動外掛程式。你可以自訂它的滑動速度，透明度等效果。同時運行橫向和縱向兩種滑動切換模式。

jQuery圖片滑動切換外掛程式 - 時間軸動態滑動

8 SmartGallery

(Demo示範 | Download下載)

SmartGallery是一個非常出色的照片滑動切換展示的jQuery外掛程式。它支援12種不同的圖片過渡轉場效果。並有小縮圖。

jQuery圖片滑動切換外掛程式 - 照片瀏覽效果

9 Xml Driven Vertical News Scroller Script Vscroller

(Demo示範 | Download下載)

讀取Xml的新聞縱向滾動效果。Vscroller可以用於新聞滾動顯示的效果。它通過讀取一個XML檔案，並通過其漂亮的效果表現出來。

jQuery圖片滑動切換外掛程式 - 新聞滑動滾動效果

10 PushUp

(Demo示範 | Download下載)

這個外掛程式的功能也已經超越圖片滑動切換的範疇。它的作用是當網頁需要彈出一個新層來展示更多內容時，它可以固定顯示在網頁的左邊或右邊，以展示更多的內容。

jQuery圖片滑動切換外掛程式 - 彈出固定層

原文來自 http://www.techolics.com