图片轮播是网站中的常用功能，用于在有限的网页空间内展示一组产品图片或者照片，同时还有非常吸引人的动画效果。本文向大家推荐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 日历和时间插件

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前标题：12款经典的白富美型jQuery图片轮播插件-创新互联
转载来源：http://cqwzjz.cn/article/diegsj.html