十个jQuery的幻灯片图片轮播切换插件[转]
1、Simple Controls Gallery
是基于jQuery的一个幻灯插件,非常不错,详细演示及下载请点击下面的链接
http://www.dynamicdrive.com/dynamicindex4/simplegallery.htm
2、jQuery Cycle Plugin
同样是jQuery的插件,支持非常多的样式,推荐使用,详细演示及下载请点击下面的链接
http://www.malsup.com/jquery/cycle/int2.html
3、jCarousel
有横向和垂直,还具有多种效果可选。
演示及下载:http://sorgalla.com/projects/jcarousel/
4、Carousel
和上面类似,功能效果要求不高的可以选择这个。
演示及及载:http://billwscott.com/carousel/
5、iCarousel
它的强大之处在于它不仅支持图片的轮播,还支持文字,同样有横向和垂直的调节,它的Horizontal image slider模式可以用作产品图片的展示。
演示及及载:http://zendold.lojcomm.com.br/icarousel/
6、Slideshow 2 (幻灯片)
基于mootools框架的JS幻灯片插件,支持多种切换效果。
演示及下载:http://code.google.com/p/slideshow/
7、Galleria(基于JQuery)
简单实用的JS图片画廊 ,是通jquery编写的。
演示及下载:http://devkick.com/lab/galleria/
8、noobSlide(基于mootools)
幻灯片,提供8种效果,包括图文混排切换
演示及下载:http://www.efectorelativo.net/laboratory/noobSlide/
9、Apple网站的产品滚动展示插件
演示及下载:http://jqueryfordesigners.com/slider-gallery/
10、Ruochi bcastr4(Flash 开源)
最后再介绍一个开源的Flash幻灯,功能很强,推荐大家可以试试
演示及下载:http://www.ruochi.com/main/bcastr-example/
关于jJQuery的插件有很多,图片展示的插件也有很多,往往在真正用到的时候在网上一搜一大把一大把的,但是就是找不到适合自己使用的,在这里我们这里了一些比较常用的、效果比较好的jQuery 图片展示插件(slideshow)与大家一起分享。
Nivo Slider – Image Slider
在线演示 – 详情
一个切换效果非常炫的图片展示插件。效果类似flash。
Smooth Div Scroll
在线演示 – 详情
这是一个图片或内容水平滚动的jquery插件,滚动效果非常平滑、舒服。
Marcofolio
在线演示 – 详情
如果你需要将背景图片也处理成图片展示效果,那么这就是一个很好的选择。
Simple Controls Gallery v1.3
在线演示 – 详情
它的控制按钮及图片信息可以自动隐藏,鼠标经过图片他们才会滑出,效果平滑流畅,适合做较小图片的展示
jQuery.popeye 2.0
在线演示 – 详情
有时候你肯会遇到这种情况,有一段简短的文字,但需要配很多张图片,但是你有不想把页面做的太难看枯燥,那么jQuery.popeye 2.0将是你解决种类问题的致胜法宝。它可以有大小两套图片,在需要的时候进行图片的缩放。
Pikachoose
在线演示 – 详情
Pikachoose是一个非常小的jQuery插件,他可以自动以导航按钮,自动播放等,在他的官方网站上有很多应用实例可以参照。
s3Slider jQuery plugin
在线演示 – 详情
当需要给展示的图片配大段的说明文字的时候,这是一个很好的选择,它可以自定义文字显示的位置。
Sliding Image Gallery
在线演示 – 详情
一个可以循环地图图片轮播效果,可以这么说jQuery的图片轮播效果插件有很多,但能够循环的,效果又这么流畅的的确不多。
easySlider
在线演示 – 详情
水平内容的滑动效果,该插件包括了很多的形式,一般常用在页面banner内容的切换上。
Galleriffic
在线演示 – 详情
功能比较强大的jQuery图片展示插件,类似当下各大门户都在使用的图片频道的展示效果。
jQuery Lightbox plugin
在线演示 – 详情
jQuery lightbox 插件,效果不用我多说了,和lightbox一样。
Supersized
在线演示 – 详情
适用于大图片的jquery图片展示插件,一般用在全屏展示中,他可以使图片自动适应屏幕大小以达到全屏展示效果。
Galleria
在线演示 – 详情
Slider Gallery
在线演示 – 详情
苹果网站的产品展示效果。
Fancy Thumbnail Hover Effect
在线演示 – 详情
鼠标经过图片放大效果。
Slick Accessible Slideshow
在线演示 – 详情
可用于页面banner部分的产品展示,水平移动替换效果。
Spacegallery
在线演示 – 详情
前后有纵深的图片展示效果
prettyPhoto
在线演示 – 详情
可以在查看大图的页面上展示缩略图,真是非常酷的一个效果,让人爱不释手啊。
AD Gallery
在线演示 – 详情
Shadowbox
在线演示 – 详情
比lightbox效果更好的一个图片展示插件,他不仅可以展示图片也可以展示flash等媒体形式。
ColorBox
在线演示 – 详情
又是一个类似lightbox的效果,不过他的控制栏更为强大,渐变效果更为流畅。
Pirobox
在线演示 – 详情
又多了一个图片下载按钮,设计真是越来越贴心。
转载于:https://www.cnblogs.com/wps1101/archive/2013/02/03/2890918.html
十个jQuery的幻灯片图片轮播切换插件[转]相关推荐
- 横向全屏滑动插件_【案例】JQuery横向手风琴图片轮播切换代码
点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源 哈喽大家好,又到了每周二经典案例环节啦~同学们还想了解哪些网页知识 今天段老师给同学们带来的是JQuery横向手 ...
- jQuery实现广告图片轮播切换
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
- jQuery圆点图片轮播切换插件
下载地址效果很普通的网站banner图片切换插件,但又是一款很实用的jQuery轮播图插件,可以点击圆点控制图片索引. dd:
- 15款jQuery带缩略图的图片轮播切换特效代码
JQuery宽屏电影大图幻灯片轮播切换代码 jquery带文字缩略图的图片轮播切换代码 jQuery OwlCarousel图片滚动插件世界杯图片轮播滚动代码 jQuery仿中国建设银行带缩略图控制滚 ...
- Jquery 广告图片轮播切换
要点: 1.鼠标移至图片上出现左右箭头,鼠标移出图片时,左右箭头消失 2.单击左右箭头时,显示上一个/下一个图片,当前数字背景为橙色,其他数字背景为#333333,第一个/最后一个图片显示时,单击箭 ...
- 使用jQuery快速高效制作网页交互特效 第五章 上机练习四 制作广告图片轮播切换效果
轮播应有的功能大致都有,分享给一些在学的朋友参考学习. <!DOCTYPE html> <html> <head lang="en"><m ...
- js轮播图片小圆点变化_用jQuery实现圆点图片轮播效果
在页面的指定位置实现的图片自动的左右轮流切换展示效果,当点击图片左下的标签(或中间的小圆点)切换到对应的图片.接下来通过本文给大家分享用jQuery实现圆点图片轮播效果实例代码,需要的朋友参考下 图片 ...
- html ul 圆点轮播图,用jQuery实现圆点图片轮播效果
图片轮播效果 : 在页面的指定位置实现的图片自动的左右轮流切换展示,效果为无缝连接; 点击图片左下的标签(或中间的小圆点)切换到对应的图片; 点击图片的左右切换标签; 整体思路 : --------- ...
- html自动轮播计时器不准,用jQuery写的图片轮播为何停止定时器只能停止一次?...
用jQuery写的图片轮播为何只有初次鼠标进入才能停止定时器?给我的感觉是后面无法停止自动播放,而且播放速度加快,调试很久不知问题出现在哪. 附上demo网址参考:http://huzerui.com ...
最新文章
- k3应付系统初始化应付票据_在家工作时应付无尽干扰的真实感觉
- python制作生日祝福_【中信项目案例分享】python 实现自动生成个性化生日贺卡...
- qsort归纳学习(c语言版本)
- php+反序列化方法,PHP序列化反序列化的方法详解
- java mysql 二级缓存_深入理解MyBatis中的一级缓存与二级缓存
- opencv4快速入门pdf_云复工提升工作效率之九 福昕PDF阅读器
- Linux - vim编辑器,tmux的简单使用
- c语言程序员英文简历,程序员it英文简历模板范文
- ERStudio 安装
- mongo异常无法启动-处理方法
- html中几何图形代码,HTML5实现绘制几何图形
- 关于-webkit-的一些用法
- 基于Cubieboard2的静电测试仪开发
- 在奋斗的日子里,傻笑出来
- 你真的了解你的显示器吗?(科普显示器知识,如何选购显示器)
- 功能测试--如何对时间(年月日)进行测试
- CSDN(编程的开始)
- 远程计算机IP地址如何获取,获取远程主机的IP地址
- CAD/CASS断面偏距高程高差批量标注插件(可自动避让、横向或纵向标注)
- Springboot教师教学质量评价系统
热门文章
- linux命令编写四位数密码本,grub-crypt命令 – 对口令进行加密
- mysql 查询时间转换_数据库查询时日期的转换
- 电脑:电脑弹窗广告三个解决方法,欢迎收藏!
- ios开发 多人语音聊天_手游语音市场的现状、机遇与挑战
- 从零开始学python人工智能课程_从零开始如何学习人工智能?
- python刷题用leet_GitHub - Yolymaker/leetcode-python: 利用python分类刷leetcode题目
- 高斯模糊java代码_OpenCV3 Java图形图像上的高斯模糊(Imgproc.GaussianBlur)
- Android 第十五课 如何使用LitePal从SQLite数据库中删除数据(十四课用来保留讲解如何向SQLite数据库中存入数据)
- 案例研究:设计与方法_如何进行1小时的重新设计(案例研究)
- JavaScript逻辑运算符的使用技巧