快捷導(dǎo)航

40個(gè)有創(chuàng)意的jQuery圖片和內(nèi)容滑動(dòng)及彈出插件收藏集之三

更新時(shí)間：2012年01月03日 12:30:59 作者：

在網(wǎng)頁(yè)的首頁(yè)或圖片專(zhuān)題頁(yè)面很多地方都會(huì)用到圖片滑動(dòng)插件來(lái)循環(huán)切換多張圖片，并且用戶(hù)可以點(diǎn)擊左右按鈕來(lái)切換圖片。

相信大家都知道jQuery是最優(yōu)秀的Javascript框架之一。以其語(yǔ)法簡(jiǎn)單靈活而大受Web designer歡迎。所以很多網(wǎng)頁(yè)設(shè)計(jì)師結(jié)合jQuery的強(qiáng)大功能制作出了許多成熟的圖片滑動(dòng)插件，我們可以很簡(jiǎn)單地直接將這些圖片滑動(dòng)插件嵌入到網(wǎng)頁(yè)中，很容易就得到了即酷又實(shí)用的jQuery圖片滑動(dòng)效果。在這是jQuery滑動(dòng)切換插件系列的第三部分，我們將向大家分享40多種非常有用，又有創(chuàng)意的jQuery圖片滑動(dòng)插件，及其演示和下載地址。你可以按你網(wǎng)頁(yè)風(fēng)格找到合適的jQuery圖片滑動(dòng)插件，然后點(diǎn)擊演示鏈接查看具體效果，然后下載此jQuery滑動(dòng)插件。希望你能在這40個(gè)jQuery圖片滑動(dòng)插件中找到你想要的。

21 jQuery Image Gallery

(Demo演示 | Download下載)

這是一個(gè)標(biāo)準(zhǔn)和照片切換展示jQuery插件，整合到網(wǎng)站中的方法很簡(jiǎn)單。

jQuery圖片滑動(dòng)切換插件 -jQuery Image Gallery
jQuery圖片滑動(dòng)切換插件 - jQuery Image Gallery

22 rlightbox

(Demo演示 | Download下載)

rlightbox可以處理多種內(nèi)容，包括圖片、視頻。適合與英文站處理顯示YouTbe和Vimeo視頻。

jQuery圖片滑動(dòng)切換插件 - rlightbox

23 jQuery MB Bgnd Gallery

(Demo演示 | Download下載)

MB Bgnd滑動(dòng)切換插件很有特色，它能夠?qū)⒁粡埓髨D片設(shè)置為背景，并且可以隨操作對(duì)背景圖片進(jìn)行滑動(dòng)切換。切換支持使用鍵盤(pán)的方向鍵。并且圖片會(huì)自動(dòng)隨窗口的大小進(jìn)行調(diào)整。

jQuery圖片滑動(dòng)切換插件 - MB Bgnd

24 PikaChoose

(Demo演示 | Download下載)

PikaChoose是一個(gè)輕量級(jí)的jQuery滑動(dòng)切換插件。安裝方法非常簡(jiǎn)單。適合新聞、廣告的滑動(dòng)展示。

jQuery圖片滑動(dòng)切換插件 - PikaChoose

25 縮略圖循環(huán)流動(dòng)展示插件

(Demo演示 | Download下載)

這個(gè)插件適合用于小圖片的循環(huán)展示。

jQuery圖片滑動(dòng)切換插件

26 Elastic Image Slideshow

(Demo演示 | Download下載)

Elastic Image Slideshow是一個(gè)簡(jiǎn)約的圖片滑動(dòng)切換插件。它可以根據(jù)窗口的大小調(diào)整圖片的大小，并有一條很窄很酷的縮略圖功能。

jQuery圖片滑動(dòng)切換插件 - Elastic Image Slideshow

27 全屏+HTML5+聲音的jQuery滑動(dòng)切換插件

(Demo演示 | Download下載)

這個(gè)插件是這個(gè)集合中最酷的一個(gè)。全屏圖片滑動(dòng)切換加上酷的音效和縮略圖。動(dòng)作效果也很有動(dòng)感。

jQuery圖片滑動(dòng)切換插件 - 全屏+HTML5+聲音的jQuery滑動(dòng)切換插件

28 圖片墻+jQuery效果

(Demo演示 | Download下載)

這個(gè)插件非常適合照片的展示。它能夠像一面墻一樣將照片隨意貼在墻上，當(dāng)點(diǎn)擊一張圖片時(shí)會(huì)在右邊顯示圖片更多的介紹文字。它使用了CSS3的代碼。

jQuery圖片滑動(dòng)切換插件 - 圖片墻+jQuery效果

29 圖片旋轉(zhuǎn)切換插件

(Demo演示 | Download下載)

jQuery圖片滑動(dòng)切換插件 - 圖片旋轉(zhuǎn)切換插件

30 彈出層方塊拼全滑入

(Demo演示 | Download下載)

這個(gè)插件也超出了滑動(dòng)切換的概念。它的使用是當(dāng)你點(diǎn)擊左側(cè)菜單的選項(xiàng)時(shí)彈出層會(huì)以多個(gè)Box（方塊）的形式飛入。當(dāng)點(diǎn)擊X關(guān)閉彈出層時(shí)又會(huì)以多個(gè)方塊滑出。

jQuery圖片滑動(dòng)切換插件 - 彈出層方塊拼全滑入