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

开发 前端
首先推荐的这款插件号称世界上最棒的图片轮播插件,有独立的 jQuery 插件和 WordPress 插件两个版本。目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色如下。

图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美的图片轮播效果,希望这些插件能够帮助到你。

Nivo Slider

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

目前下载量已经突破 1,800,000 次!jQuery 独立版本的插件主要有如下特色:

1.16个独特的过渡效果、2. 简洁和有效的标记、3.加载参数设置、4.内置方向和导航控制、5.压缩版本大小只有12KB、6.支持链接图像、7.支持 HTML 标题、8.3套精美光滑的主题、9.在MIT许可下免费使用、10.支持响应式设计

插件下载     效果演示

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 图片轮播插件,其特点是自动循环播放、图片预加载以及自动分页功能。

使用示例 

Images with captions

Linking

Product

Multiple slideshows

Simple (unstyled)

Standard

下载插件     效果演示

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

下载插件     效果演示

原文链接:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html

 

责任编辑:张伟 来源: 博客园
相关推荐

2012-06-13 10:17:40

jQuery

2018-11-30 16:48:17

2012-05-07 09:53:10

jQuery

2015-05-07 10:02:47

jQuery jQuery 图片裁

2019-03-08 09:31:13

信息安全安全认证IT认证

2013-12-02 15:07:57

jQuery插件

2014-07-10 10:56:21

jQuery

2014-05-26 16:37:10

jQueryCSS3

2011-09-02 09:49:29

JQuery图片滚动

2022-05-24 07:40:40

CSS逐帧动画图片轮播

2013-12-02 14:53:20

jQuery插件

2015-09-24 09:32:39

大数据白富美

2012-05-10 13:45:45

jQuery

2013-01-09 10:20:26

jQueryFlotjQuery插件

2013-12-02 15:36:17

jQuery插件

2011-01-21 07:22:48

jQuerywebJavaScript

2016-03-31 11:28:21

imageView图片轮播

2024-03-20 09:40:27

动画技巧CSS逐帧动画

2013-12-02 15:43:05

jQuery插件

2012-04-25 09:43:43

jQuery插件
点赞
收藏

51CTO技术栈公众号