9款jQuery带缩略图焦点图插件赏析

jQuery焦点图在网页应用中十分广泛，今天要分享的9款jQuery焦点图的特点是带有缩略图，点击缩略图即可切换图片。部分jQuery缩略图焦点图利用了CSS3技术，让焦点图特效非常绚丽。让我们一起来看看这9款jQuery带缩略图焦点图插件吧。

1、仿苹果样式的jQuery图片滑块焦点图

这是一款基于jQuery的焦点图插件，该jQuery焦点图样式是仿苹果的，外观非常炫酷，图片切换十分流畅，并且有缩略图按钮。文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

在线演示        |        源码下载文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

2、jQuery带缩略图与标题切换焦点图

这款jQuery焦点图拥有缩略图，而且在切换到大图片时图片还有描述，非常酷的jQuery焦点图。文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

在线演示        |        源码下载文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

3、jQuery宽屏带缩略导航焦点图

这款焦点图有两个特点，第一就是宽屏，够大气。第二就是带有缩略图导航，方便浏览大图片。文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

在线演示        |        源码下载文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

4、jQuery图片切换多种过渡效果

这是一款非常绚丽的jQuery图片切换播放插件，图片切换时，拥有几种不同的过渡效果，而且这几种过渡效果是随机出现的。整个jQuery图片播放插件外观也十分大气，图片播放效果流畅。文章源自陈学虎-https://chenxuehu.com/article/2014/08/2962.html

在线演示        |        源码下载

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