jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件

最近我们为大家分享过不少基于jQuery的图片轮播插件，当然也有很多使用了HTML5和CSS3的相关技术，让整个图片播放器显得更加美观，动画效果显得更加炫酷。这次我们特意为大家筛选了一些最新的jQuery/HTML5图片轮播插件，每一个的功能都比较强大，当然可能不是每一个都适合你，但你也可以从中学到不少用jQuery和HTML5编写图片轮播插件的知识。下面我们一起来看看这15个强大的图片播放器吧。

1、jQuery SVG左右弹性切换全屏焦点图动画

这款焦点图插件的特点有2个，一个是焦点图整体以全屏的方式呈现，显得非常大气，而且图片四周也有3D阴影，立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式，显得相当时尚。动画采用SVG相关特性，扩展十分灵活。

2、超实用的jQuery淡入淡出焦点图插件带3D相框

这是一款基于jQuery和CSS3的焦点图插件，这款焦点图的设计非常简单，仅仅是自动播放一系列相片，相片在切换的时候带有淡入淡出的动画特效，使用起来也十分方便。另外一个特点是，这款jQuery焦点图插件的相片外框呈现3D的效果，配合黑色的背景显得非常立体大气。

3、jQuery/CSS3 3D旋转图片切换焦点图插件

这是一款比较特别的焦点图插件，前面我们分享的jQuery焦点图插件大部分都是平面图片的切换，再配合多种切换动画，比如这款底部带缩略图的jQuery轮播焦点图。今天我们要给大家分享的是一款jQuery/CSS3 3D旋转图片切换焦点图插件，主要有两种模式，一种是页面上始终只有一张图片，通过3D反转切换下一张图片；另外一种是多张图片进行3D立体排列，通过图片立体平移实现多图切换，这两种图片切换模式可以应用在不同的场合中，非常方便。

4、纯CSS3实现图文轮播焦点图插件

以前我们分享过很多基于jQuery和CSS3的焦点图插件，但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件，但是它的特点是可以同时进行图文轮播，准确的说，每个画面都可以自定义网页元素，是一款非常实用的焦点图插件。

5、jQuery多种百叶窗风格切换焦点图插件

今天我们要再为大家分享一款非常实用的jQuery焦点图插件，它并没有华丽的外观，但这款jQuery焦点图提供了多种百叶窗风格的图片切换方式，每一种百叶窗风格都是随机产生的。另外这款jQuery多百叶窗风格切换焦点图插件支持悬浮文字描述，同时也支持自动播放。相信它可以为你的网页增添饱满的图片切换功能。

6、jQuery 3D 垂直螺旋切换焦点图动画

这次我们要给大家展示另外一款很绚丽的jQuery 3D螺旋切换焦点图动画插件，它的图片切换方式类似垂直的螺旋叶片一样，动画形式特别富有3D立体的视觉效果。

7、经典实用的jQuery多过渡动画焦点图插件

这是一款相当实用的jQuery焦点图动画插件，它的特点是焦点图下方会有每一张图片的缩略图，点击缩略图即可快速切换到任意一张图片。另外一个特点是每一张图片切换时会出现多种过渡动画，这样让图片切换不那么单调。而且你可以用鼠标拖拽图片实现切换效果，因此也适合在移动设备上使用。

8、HTML5波浪形切换焦点图动画

今天要分享的同样是一款基于HTML5的焦点图动画，它的特点是图片切换时使用波浪形切换方式，非常不错。

9、jQuery圆弧形图片播放插件可自动播放

今天我们要为大家介绍一款非常有特色的jQuery图片播放插件，之前我们介绍的jQuery焦点图要么是左右切换，要么是上下切换，然后带有不同的过渡动画特效。但这款jQuery图片切换插件是沿着圆弧进行轮播切换的，更具有立体感，而且它也支持自动循环播放。

10、jQuery层叠式图片切换焦点图插件

天要介绍的也是一款层叠式切换插件，不过它是一款jQuery焦点图应用，除了当前的图片，我们可以看到所有图片的一部分，切换后显示下一张图片，切换动画是层叠式的效果。

11、jQuery左右切换层叠式焦点图动画

今天我们要来分享一款非常实用的jQuery焦点图动画，它并没有绚丽的切换动画特效，但是却以层叠切换的方式展现，很适合大屏的焦点图插件应用。这款jQuery焦点图插件和之前分享的jQuery左右层叠幻灯片焦点图插件和jQuery内容层叠滚动切换动画插件有类似的动画效果。