网站项目必备——12款白富美型 jQuery 图片轮播插件

标签: 网站 项目 jquery | 发表时间:2013-01-06 14:29 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

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

 

Responsive jQuery Slider Plugins

插件下载      效果演示

 

Elastislide

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

提供了四种效果

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

这款插件也有详细的 制作教程,非常详细,可以学习到插件的制作方法。

 

Responsive jQuery Slider Plugins

插件下载      效果演示

 

3D Gallery

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

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

 

60+ Impressive Jquery Image Gallery, Lightbox, Tabs, Menu, Text Effects

插件下载      效果演示

 

Image Transitions

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

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

这款插件有详细的 制作教程可以参考学习。 

 

60+ Impressive Jquery Image Gallery, Lightbox, Tabs, Menu, Text Effects

插件下载      效果演示

 

Slidesjs

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

使用示例 

 

下载插件      效果演示

 

Galleria

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

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

 

jqueryimage

下载插件      效果演示

 

AnythingSlider

AnythingSlider 由CSS-Tricks 的Chris Coyier 设计,功能齐全,效果精美,应用十分广泛。

 

jqueryimage

下载插件      效果演示

 

WOW Slider

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

提供了  Rotate, BlurFlipBlastFlyBlindsSquaresSlicesBasicFade 等精美的轮播效果。

 

下载插件      效果演示

 

An HTML5 Slideshow

基于 HTML5 Canvas 和 jQuery 制作的图片幻灯片效果,有详细的制作教程可以学习。

 

jqueryimage

下载插件      效果演示

 

Awkward Showcase

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

 

jqueryimage

下载插件      效果演示

 

您可能感兴趣的相关文章

 

本文链接: 精心推荐12款非常实用的 jQuery 图片轮播插件

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

hide

本文链接

相关 [网站 项目 jquery] 推荐:

网站项目必备——12款白富美型 jQuery 图片轮播插件

- - 博客园_梦想天空
  图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果. jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你. 首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的. WordPress 插件两个版本.

十问Web网站项目

- - 博客园_新闻
英文原文: 10 Important Questions to Ask About Your Next Website Project. Ltd 开发者 Richa Jain 在本文中为我们带来了一个有趣的话题:在一个 Web 网站项目中,我们应该问自己十个这样的问题. 如果你在开发的过程中存在疑惑,或许你可以在本文中获得帮助.

15个基于jQuery开发的网站,非常有创意!

- 冷月 - 博客园新闻频道
  jQuery这个JavaScript框架已经成为Web开发人员首选的框架. 它拥有非常丰富的插件,资源和教程. 下面这些网站都用到了Query这个框架,很有创意. 希望您能从这些网站中得到一些启发.   Kastell is a restaurant site; users will scroll down and will see the magic as theywill scroll down background image will change along with text which gives a stunning look to the site..

2小时学会jquery mobile开发移动网站

- - 鲁塔弗的博客
jQuery Mobile: http://jquerymobile.com,一个基于jquery的html 5移动网站框架,用它做出来的网站界面和App风格类似. 方案选型过程见 http://lutaf.com/145.htm. 优点1:开发特别简单,不需要美术资源,甚至不需要太多css/html编程经验,甚至不需要js编程技能,普通程序员就能很快学会制作出 美观大方的 mobile site.

9 个单页面网站开发必备的 jQuery 插件

- - ITeye资讯频道
单页面网站作为简单快捷、易于维护的页面设计方案,越来越受到工作室、作品集或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动. 今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢. 使用这个插件,可以帮助你快速搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择.

为你的网站增加亮点的9款 jQuery 插件推荐

- Fornote - 博客园-首页原创精华区
  如今,jQuery插件众多,满足各种各样的应用需求. 在这篇文章中,我收集了9款很棒的插件,最喜欢的是Sausage内容分页插件,作者想法特别新颖. 希望你能从中找到自己需要的插件. Sticky Sidebar这款jQuery可以让你设置浮动的侧栏,当页面滚动的时候能固定的设定的位置,看起来像是粘住了一样.

20个值得开发人员关注的jQuery技术网站和博客

- Linker Lin - 博客园新闻频道
日期:2011/09/23           作者:Terry li - GBin1.com. 毫无疑问,jQuery 的缔造者的博客是你首先必须关注的. 这个也是必看之一,因为 jQuery UI 类库就出自这个网站. 老牌的学习 jQuery 的网站之一,这个网站是由几个作者联合建立. 非常酷的一个 jQuery 设计和分享网站,风格非常酷,里面的教程和插件实现非常有艺术感,本人这里强烈推荐.

最佳6款用于移动网站开发的 jQuery 图片滑块插件

- - 博客园_梦想天空
  随着智能手机的普及,越来越多的用户喜欢通过手机中浏览网页. 今天这篇文章为大家推荐最佳6款用于移动应用的. jQuery 图片滑块插件,这些插件很好的处理了触屏事件,效果平滑,帮助你构建用户体验良好的移动网站. PhotoSwipe 是一款免费的. jQuery 图片库插件,支持 iPhone, iPad, Android, Blackberry 等各种移动设备.

提升网站档次的几款时尚的 jQuery 图片滚动插件

- - 博客园_梦想天空
  这篇文章向大家推荐8款时尚的 . jQuery 是最流行和使用最广泛的 . JavaScript 框架,它可以让帮助你在你的项目中加入一些很炫的图片滚动效果. 希望这些插件对你有所帮助,能够帮助你节省时间和精力. 效果非常平滑的鼠标悬浮图片切换效果,提供了非常详细的使用帮助文档和示例. 最后这款也是带缩略图功能 jQuery 幻灯片插件,效果很炫.