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
下载插件 效果演示
12款经典的白富美型 jQuery 图片轮播插件相关推荐
- html图片展示插件,12款经典的白富美型—jquery图片轮播插件—前端开发必备
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...
- 网站项目必备——12款经典的白富美型 jQuery 图片轮播插件
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...
- 网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
- jQuery 图片轮播插件
网站项目必备--12款经典的白富美型 jQuery 图片轮播插件 图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 ...
- html轮播图水平传送带,经典的白富美型jQuery图片轮播插件
图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果.本文向大家推荐12款实用的 jQuery 图片轮播效果插件,帮助你在你的项目中加入一些效果精美 ...
- 支持响应式手机端jQuery图片轮播插件unslider
支持响应式手机端jQuery图片轮播插件unslider,非常强大的jQuery插件,支持响应式手机端.支持函数回调.支持左右按钮切换,可以自定义是否使用响应式fluid:true/false.是否显 ...
- jquery手写轮播图_15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
- html5+自动播放轮播插件,15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件,当然也有很多使用了HTML5和CSS3的相关技术,让整个图片播放器显得更加美观,动画效果显得更加炫酷.这次我们特意为大家筛选了一些最新的jQue ...
- PgwSlideshow-基于Jquery的图片轮播插件
友情链接:http://www.htmleaf.com/Demo/201504031619.html http://www.htmleaf.com/Demo/201504191708.html 0 ...
最新文章
- 沉痛悼念游戏开发大神毛星云
- WiFi是SD-WAN的良好组合,但不是必备选择
- elasticSearch6源码分析(9)ActionModule
- SecureCRT如何显示颜色和高亮显示
- HashMap的结构及源码分析
- jsp页面div上下滑动_H5单页面手势滑屏切换原理
- 新风口?人造肉第一股表现强劲 股价累计上涨近600%
- IntelliJ Idea学习笔记004--- idea修改格式化代码快捷键_顺带一个激活地址_以及常用快捷键
- c语言在中职的作用,C语言程序下的中职教学论文
- js 调用微信浏览器内置方法,启动支付
- vue 封装dialog_GitHub - 1014156094/vue-mobile-dialog: Vue移动端基础组件 - 对话框
- Python中创建守护进程
- chmod与chown
- SEO经验分享之百度知道篇
- Kettle的改名由来
- laypage ajax,laypage.js分页插件使用方法详解
- wps的广告怎么彻底关闭
- 关于重装Win10系统卡死在PIN码设置步骤
- 用Python绘制数学函数图像
- 华为AC外置Portal认证方案配置步骤指南
热门文章
- 重庆市第九届大学生程序设计大赛Day1.题D代码
- Android bindService服务
- android arrayadapter自定义,Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)...
- 变态的静态资源缓存与更新
- ipv6协议提供的服务器,IPv6新互联网时代来临 暴雪服务器升级协议
- 从新浪微博的改版谈网页重构
- yolov3/yolov5 val.py训练正常测试错误
- 基于51单片机的蓝牙智能小车——《入门篇》
- CSS边界样式 (背景、边框)
- 谈下最近接触的zpl语言