前端不容錯過的jQuery圖片滑塊插件
作為前端開發(fā)者，我們會碰到很到各種各樣的 jQuery 插件，但老實說，很少有自己寫的。今天要分享的幾款 jQuery 圖片滑塊插件，也就是 jQuery 焦點圖插件，基本上會在每個網(wǎng)站都有應用，可以下載看看，也許你可以用到。
1、jQuery 多圖并列焦點圖插件
今天我們要來分享一款比較特別的 jQuery 焦點圖插件，它允許你自己定義當前畫面的圖片數(shù)量，在這個演示中，我們定義了 3 張圖片一起顯示。和其他 jQuery 焦點圖一樣，這款焦點圖插件的圖片下方也有一排小按鈕，可以任意切換圖片。另外，每張圖片也都有文字描述。
2、jQuery 動畫焦點圖可自動播放圖片
這是一款簡單而實用的 jQuery 焦點圖插件，焦點圖不僅可以在播放圖片的時候讓圖片有淡入淡出的動畫效果，而且圖片可以自動播放。該 jQuery 焦點圖的每一張圖片都可以設置文字描述，并浮動在圖片之上。由于其簡單的配置，這款 jQuery 焦點圖可以很方便地與你的網(wǎng)站相結(jié)合。
3、jQuery 縮略圖動態(tài)縮放焦點圖
今天我們要來分享一款 jQuery 焦點圖，這款 jQuery 焦點圖的圖片切換按鈕是幾張圖片的縮略圖，鼠標滑過縮略圖即可切換至相應的圖片。焦點圖的切換動畫是圖片的動態(tài)縮放，動畫效果還算新穎，圖片切換也比較流暢，是一款值得一試的 jQuery 焦點圖。
4、jQuery 全屏滑塊焦點圖可自定義內(nèi)容
之前我們已經(jīng)分享過很多 jQuery 焦點圖插件了，很多焦點圖都非常實用，可以應用到自己的網(wǎng)站上去。這次要分享的也是一款基于 jQuery 的全屏方式滑塊焦點圖插件，滑塊的內(nèi)容可以自定義，可以是幾張圖片的組合，也可以是橫幅廣告。
5、jQuery/CSS3 動畫相冊圖片瀏覽插件
之前我們分享過一款基于 jQuery 的仿 QQ 空間相冊瀏覽插件，功能上已經(jīng)十分完善，但是缺少動畫效果。今天這款 jQuery 相冊插件正好彌補了動畫的缺陷，由于 CSS3 特性的利用，當我們點擊圖片瀏覽的時候，縮略圖就會以淡入淡出的動畫效果消失，然后出現(xiàn)原始圖片。同時你也可以點擊左右按鈕來逐一瀏覽相冊中的圖片。
6、jQuery 縱向滑塊焦點圖插件圖片切換流暢
今天我們要來分享一款效果很酷的 jQuery 焦點圖，它的 Tab 切換方式是縱向的，而且圖片切換的方式也是縱向的，另外整個 jQuery 焦點圖的色彩非常棒，給人一種神秘的感覺。焦點圖的圖片切換還是比較流暢的。
7、jQuery/CSS3 立方體翻轉(zhuǎn) 3D 全屏焦點圖
天我們要來分享一款非常大氣的 HTML5/CSS3 3D 全屏焦點圖，在頁面兩側(cè)，有兩個很立體的左右箭頭進行圖片切換。這款 HTML5焦點圖的圖片切換方式是 3D 效果的，類似立方體翻轉(zhuǎn)一樣，焦點圖默認顯示文字，我們已經(jīng)將文字替換成圖片，效果更酷。
希望以上 jQuery 圖片滑塊插件能給你帶來幫助，歡迎收藏分享。
本文鏈接：http://www.html5tricks.com/jquery-image-slider.html
本文作者：html5tricks – 超人
