12款经典的白富美型 jQuery 图片轮播插件

时间 2021-01-02

标签 javascript css html 前端 html5 java jquery ios css3 git 栏目 JQuery 繁體版

原文原文链接

　　图片轮播是网站中的经常使用功能，用于在有限的网页空间内展现一组产品图片或者照片，同时还有很是吸引人的动画效果。本文向你们推荐12款实用的 jQuery 图片轮播效果插件，帮助你在你的项目中加入一些效果精美的图片轮播效果，但愿这些插件可以帮助到你。javascript

Nivo Slider

首先推荐的这款插件号称世界上最棒的图片轮播插件，有独立的 jQuery 插件和 WordPress 插件两个版本。css

目前下载量已经突破 1,800,000 次！jQuery 独立版本的插件主要有以下特点：html

✓ 16个独特的过渡效果
✓ 简洁和有效的标记
✓ 加载参数设置
✓ 内置方向和导航控制
✓ 压缩版本大小只有12KB
✓ 支持连接图像
✓ 支持 HTML 标题
✓ 3套精美光滑的主题
✓ 在MIT许可下无偿使用
✓ 支持响应式设计

插件下载效果演示前端

3D Image Slider

很是很是酷的 3D 图片滑动效果，有五种绚丽的效果演示。html5

立体效果是基于 CSS3 实现的，请使用最新 Chrome，Firefox 和 Safari 浏览器浏览效果。java

对于不支持 CSS3 的浏览器提供了优雅的降级处理，这款插件还有详细的制做教程。jquery

插件下载效果演示ios

Flexslider

FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件，可以帮助你在项目轻松的建立漂亮的内容滚动效果。css3

这款插件也是 2011 年度最佳 jQuery 插件，今年被 WooThemes 收购并发布了2.0版本，所以继续入选 2012 年度榜单。git

主要特点

✓ 简单的，语义化的标签；
✓ 支持全部主流的浏览器；
✓ 水平/垂直滑动和淡入淡出动画；
✓ 支持多个滑块，回调 API，以及更多；
✓ 触摸滑动支持硬件加速；
✓ 可以自定义导航选项。
✓ 兼容最新版本的 jQuery。

插件下载效果演示

Elastislide

Elastislide 是一款很是优秀的响应式 jQuery 幻灯片插件，集成了 Touchwipe 插件以支持触屏设备。

提供了四种效果

✓ 水平图片传送带
✓ 垂直图片传送带
✓ 固定在屏幕底部
✓ 缩略图形式预览

这款插件也有详细的制做教程，很是详细，能够学习到插件的制做方法。

插件下载效果演示

3D Gallery

特别推荐！精致的立体图片切换效果，特别适合企业产品展现，可当即用于实际项目中。

支持导航和自动播放功能，基于 CSS3 实现，推荐使用最新的 Chrome，Firefox 和 Safari 浏览器浏览效果。

插件下载效果演示

Image Transitions

基于 jQuery 和 CSS3 动画实现的图片过渡效果。

共有Flip、Rotation、Multi-flip、Cube、Unfold等6种效果。

这款插件有详细的制做教程能够参考学习。

插件下载效果演示

Slidesjs

Slides 是一个很是简洁的 jQuery 图片轮播插件，其特色是自动循环播放、图片预加载以及自动分页功能。

使用示例

下载插件效果演示

Galleria

这是一个响应式的 JavaScript 相册插件，目的是让制做专业相册功能变得更加简单。

Galleria 支持缩略图导航、全屏浏览和自动播放功能，支持 iPhone，iPad Touch 等移动触屏设备。

下载插件效果演示

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 设计，功能齐全，效果精美，应用十分普遍。

主要特点

✓ 简单的，语义化的标签；
✓ 水平/垂直滑动和淡入淡出动画；
✓ 主题能够适用于单个滑块；
✓ 同一个页面能够显示多个滑动模块；
✓ 提供了丰富的自定义参数选项。
✓ 支持全部主流的浏览器；

下载插件效果演示

WOW Slider

这是另一款效果精美的响应式图片轮播插件，有众多专业的模板。

提供了 Rotate,Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade 等精美的轮播效果。

下载插件效果演示

An HTML5 Slideshow

基于 HTML5 Canvas 和 jQuery 制做的图片幻灯片效果，有详细的制做教程能够学习。

详细的制做教程和实现思路参考这里，An HTML5 Slideshow With Canvas & jQuery。

下载插件效果演示

Awkward Showcase

提供常见的图片轮播效果，能够先后切换，也能够经过页码导航，可以在一页上显示也能够幻灯片形式显示。

效果演示

下载插件效果演示

您可能感兴趣的相关文章

本文连接：精心推荐12款很是实用的 jQuery 图片轮播插件

编译来源：梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源