网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
图片轮播是网站中的常用功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件，帮助你在你的项目中加入一些效果精美的图片轮播效果，希望这些插件能够帮助到你。
Nivo Slider
首先推荐的这款插件号称世界上最棒的图片轮播插件，有独立的 jQuery 插件和 WordPress 插件两个版本。
目前下载量已经突破 1,800,000 次！jQuery 独立版本的插件主要有如下特色：
? 16个独特的过渡效果 ? 简洁和有效的标记 ? 加载参数设置 ? 内置方向和导航控制 ? 压缩版本大小只有12KB ? 支持链接图像 ? 支持 HTML 标题 ? 3套精美光滑的主题 ? 在MIT许可下免费使用 ? 支持响应式设计
插件下载 效果演示
3D Image Slider
非常非常酷的 3D 图片滑动效果，有五种绚丽的效果演示。
立体效果是基于 CSS3 实现的，请使用最新 Chrome，Firefox 和 Safari 浏览器浏览效果。
对于不支持 CSS3 的浏览器提供了优雅的降级处理，这款插件还有详细的 制作教程 。
插件下载 效果演示
Flexslider
FlexSlider 是一款轻量的响应式 jQuery 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果。
这款插件也是 2011 年度最佳 jQuery 插件，今年被 WooThemes 收购并发布了2.0版本，因此继续入选 2012 年度榜单。
主要特色 ? 简单的，语义化的标签； ? 支持所有主流的浏览器； ? 水平/垂直滑动和淡入淡出动画； ? 支持多个滑块，回调 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 图片轮播插件，其特点是自动循环播放、图片预加载以及自动分页功能。
使用示例 ? Images with captions ? Linking ? Product ? Multiple slideshows ? Simple (unstyled) ? Standard
下载插件 效果演示
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
提供常见的图片轮播效果，可以前后切换，也可以通过页码导航，能够在一页上显示也可以幻灯片形式显示。
效果演示 ? Normal? Vertical thumnbails
? Horizontal thumbnails
? Dynamic height
? Hundred percent
? Viewline
下载插件 效果演示
您可能感兴趣的相关文章
精心挑选的优秀jQuery Ajax分页插件和教程 推荐几款非常棒的 jQuery 全景图片展示插件 精心挑选10款 jQuery Tab 切换插件和教程 8款非常棒的响应式 jQuery 幻灯片插件推荐 精心挑选优秀的 JavaScript 日历和时间插件
本文链接： 精心推荐12款非常实用的 jQuery 图片轮播插件
编译来源： 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
推荐阅读 ◆ 最受欢迎的文章 期待已久的2012年度最佳 jQuery 插件揭晓 Web 前端工程师和设计师必读精华文章推荐 分享10套精美的免费网站后台管理系统模板 分享13套非常精美 Web 应用程序图标素材 12款优秀的Twitter Bootstrap组件和工具 8个非常惊艳的 HTML5 和 JavaScript 特效 35款特别精致的 HTML5 和 CSS3 网页模板 60款值得珍藏的 jQuery 幻灯片演示和下载
分享到： 新浪微博 QQ空间 腾讯微博 人人网 开心网 豆瓣 2
作者： 山边小溪
出处： jizhula测试数据 记住啦：）
欢迎任何形式的转载，但请务必注明出处。
分类: jQuery , 我的博文
标签: jQuery , jQuery图片轮播插件 , jQuery图片轮播效果
作者： Leo_wl
出处： http://HdhCmsTestcnblogs测试数据/Leo_wl/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
版权信息查看更多关于网站项目必备——12款经典的白富美型 jQuery 图片轮播插件的详细内容...