在網頁的首頁或圖片專題頁面很多地方都會用到圖片滑動插件來循環切換多張圖片,并且用戶可以點擊左右按鈕來切換圖片。相信大家都知道jQuery是最優秀的Javascript框架之一。以其語法簡單靈活而大受Web designer歡迎。所以很多網頁設計師結合jQuery的強大功能制作出了許多成熟的圖片滑動插件,我們可以很簡單地直接將這些圖片滑動插件嵌入到網頁中,很容易就得到了即酷又實用的jQuery圖片滑動效果。
1 FlexSlider
( Demo演示 | Download下載 )
FlexSlider是一個非常出色的jQuery滑動切換插件,它支持所有主流瀏覽器,并有淡入淡出效果。適合所有初級和高級網頁設計師使用。
2 Bubble Slidershow Effect with jQuery
( Demo 演示 | Download下載 )
基于jQuery的泡泡圖片滑動切換效果。Bubble Slidershow是一個很有意思的jQuery圖片滑動切換插件。它通過泡泡效果來進行圖片切換,動態效果很特別。非常適合做風景等照片的切換展示。Bubble Slidershow的代碼是模塊化的,你可以按你的需求隨意修改。
3 Responsive Image Gallery with Thumbnail Carousel
( Demo 演示 | Download下載 )
這個圖片滑動切換插件非常適合用于照片的切換顯示,它使用Elastislide的縮略圖。用戶可以點擊縮略圖或左右按鈕顯示對應的圖片。另外它支持用戶點擊鍵盤的左右方向鍵切換圖片。
4 Circular Content Carousel with jQuery
( Demo 演示 | Download下載 )
這個圖片滑動切換插件合適用于步驟講解,或產品介紹。當用戶點擊More按鈕時當前內容會移動到最左邊,然后顯示一個文本框用于顯示更多信息。并且可以點擊左、右按鈕切換內容。
5 Lateral On-Scroll Sliding with jQuery
( Demo 演示 | Download下載 )
這個插件其實已經超越了圖片滑動切換的功能。它的作用是用戶可以點擊按鈕,然后自動向上或向下滑動定位到網頁的某個位置。網頁的內容分成左右兩欄,插件的滑動很流暢。可以用于時間線的定位。
6 jScrollPane實現隱藏滾動條效果
( Demo 演示 | Download下載 )
這個滑動插件也是廣義的滑動效果插件,它的作用是用于隱藏頁面的滾動條。只有當用戶鼠標移動到內容上方時才會出來滾動條。
7 Timelinr
( Demo 演示 | Download下載 )
跟第5個插件很類型,它是一個基于時間線的jQuery滑動插件。你可以自定義它的滑動速度,透明度等效果。同時運行橫向和縱向兩種滑動切換模式。
8 SmartGallery
( Demo 演示 | Download下載 )
SmartGallery是一個非常出色的照片滑動切換展示的jQuery插件。它支持12種不同的圖片過渡切換效果。并有小縮略圖。
9 Xml Driven Vertical News Scroller Script Vscroller
( Demo 演示 | Download下載 )
讀取Xml的新聞縱向滾動效果。Vscroller可以用于新聞滾動顯示的效果。它通過讀取一個XML文件,并通過其漂亮的效果表現出來。
10 PushUp
( Demo 演示 | Download下載 )
這個插件的功能也已經超越圖片滑動切換的范疇。它的作用是當網頁需要彈出一個新層來展示更多內容時,它可以固定顯示在網頁的左邊或右邊,以展示更多的內容。
11 Skitter
( Demo 演示 | Download下載 )
Skitter是一個外觀很酷的圖片幻燈片滑動切換jQuery插件。專門用于照片的切換展示,并且有很好的擴展性。
12 Diapo
( Demo 演示 | Download下載 )
Diapo也是一款免費開源的jQuery圖片幻燈片展示插件。你可以將其用在任何商業用途。它可以用于首頁和多張照片切換展示。
13 Craftyslide
( Demo 演示 | Download下載 )
Craftyslide也是一個基于jQuery的照片幻燈片展示插件。它的界面很簡潔,整合到網頁項目中的方法也很簡單。
14 Responsly.js
( Demo 演示 | Download下載 )
Resonsly.js是一個基于CSS3和jQuery的交互式照片幻燈片滑動切換顯示插件。其使用了最新的CSS3效果。
15 Elastislide
( Demo 演示 | Download下載 )
Elastislide是一款基于jQuery的交互式圖片循環切換的幻燈片展示插件。這個插件的特點在于它可以自動調整和縮放圖片的大小以適應各種尺寸的顯示器。
16 Blueberry
( Demo 演示 | Download下載 )
Blueberry也是一個開源的jQuery交互式照片滑動切換插件。它是一個簡約風格的插件。
17 Slidorion
( Demo 演示 | Download下載 )
Slidorion這個圖片滑動切換插件會在右側顯示補充文字內容。訪問者點擊對應的文字標題切換到相應的幻燈片。這是一個傳統樣式的滑動切換插件。
18 bxSlider
( Demo 演示 | Download下載 )
bxSlider是一個優雅的幻燈片滑動切換插件。左側顯示圖片,右側顯示文字內容。它沒有邊框,顯示效果很好。
19 Minimit
( Demo 演示 | Download下載 )
Minimit是一個可以自定義的jQuery插件,它完美地支持了照片庫和幻燈片的交互切換操作。
20 Galleria
( Demo 演示 | Download下載 )
Galleria是介紹的第20個照片庫幻燈片滑動切換jQuery插件。它支持照片的左右切換,暫停、標題和簡介內容。也可以全屏和支持在新窗口中展示圖片。是一款功能非常完善的照片滑動切換循環滾動展示插件。非常適合照片的展示。
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
