9款jQuery帶縮圖焦點圖外掛賞析

jQuery焦點圖在網頁應用中十分廣泛，今天要分享的9款jQuery焦點圖的特點是帶有縮圖，點選縮圖即可切換圖片。部分jQuery縮圖焦點圖利用了CSS3技術，讓焦點圖特效非常絢麗。讓我們一起來看看這9款jQuery帶縮圖焦點圖外掛吧。

1、仿蘋果樣式的jQuery圖片滑塊焦點圖

這是一款基於jQuery的焦點圖外掛，該jQuery焦點圖樣式是仿蘋果的，外觀非常炫酷，圖片切換十分流暢，並且有縮圖按鈕。

線上演示        |        原始碼下載

2、jQuery帶縮圖與標題切換焦點圖

這款jQuery焦點圖擁有縮圖，而且在切換到大圖片時圖片還有描述，非常酷的jQuery焦點圖。

線上演示        |        原始碼下載

3、jQuery寬屏帶縮略導航焦點圖

這款焦點圖有兩個特點，第一就是寬屏，夠大氣。第二就是帶有縮圖導航，方便瀏覽大圖片。

線上演示        |        原始碼下載

4、jQuery圖片切換多種過渡效果

這是一款非常絢麗的jQuery圖片切換播放外掛，圖片切換時，擁有幾種不同的過渡效果，而且這幾種過渡效果是隨機出現的。整個jQuery圖片播放外掛外觀也十分大氣，圖片播放效果流暢。

線上演示        |        原始碼下載

5、帶TAB移動箭頭的jQuery焦點圖

這是一款基於jQuery的Tab焦點圖，焦點圖下方有縮圖，滑鼠滑過縮圖時有Tab箭頭滑動動畫，是一款滑動比較流暢的jQuery焦點圖。

線上演示        |        原始碼下載

6、360Shop帶縮圖的輪播焦點圖

這是一款來自360Shop的jQuery焦點圖，這款焦點圖的特點是在圖片切換的按鈕上顯示原圖片的縮圖，非常實用。

線上演示        |        原始碼下載

7、帶縮圖jQuery焦點圖

這款jQuery焦點圖的特點是具有縮圖，並且縮圖滑過後會向上凸起，切換方式以淡入淡出為主，還不錯的jQuery焦點圖。

線上演示        |        原始碼下載

8、帶數字索引的jquery焦點圖

這是一款來自易迅網的產品展示焦點圖，該jQuery焦點圖在右側有豎向數字索引，滑鼠滑過數字索引即可切換圖片。

線上演示        |        原始碼下載

9、jQuery圖片點選切換外掛jCarousel

jCarousel是一款基於jQuery的圖片播放外掛，點選縮圖即可播放圖片，可以放任意張縮圖。

線上演示        |        原始碼下載

以上9款jQuery帶縮圖焦點圖外掛就分享到這裡了，由碼農網首發，轉載請註明原文地址：http://www.codeceo.com/article/11-jquery-thumbnail-image-play.html