EasySlides是一款支持4种类型的jQuery轮播图插件。该jquery轮播图采用响应式设计,支持移动设备,内置有大图轮播,多图轮播,封面轮播和圆形轮播四种轮播图模式可供选择。

使用方法

在页面中引入jquery和jquery.easy_slides.js文件,以及样式文件jquery.easy_slides.css。

HTML结构

四种轮播图的HTML结构和初始化方法分别如下:

1、大图轮播模式:

1
2
3
4
5
6
7
8
9
NEXT
PREV

$('.slider_one_big_picture').EasySlides()

2、多图轮播模式

1
2
3
4
5
6
7
8
9

$('.slider_one_big_2').EasySlides({

'autoplay': false,

'stepbystep': true,

'show': 5,

'loop': true

})

3、封面轮播模式

1
2
3
4
5
6
7
8
9

$('.slider_circle_10').EasySlides({

'autoplay': true,

'show': 13

})

4、同时显示4幅图片模式

1
2
3
4
5
6
7
8
9

$('.slider_four_in_line').EasySlides({

'autoplay': true,

'show': 9

})

5、圆形轮播模式

1
2
3
4
5
6
7
8
9

$('.slider_clock').EasySlides({

'autoplay': true,

'stepbystep': false,

'show': 15

})

各种轮播图的具体效果请参考演示页。

配置参数

该jQuery轮播图的可用配置参数有:

{

'autoplay': false,

'timeout': 3000,

'show': 5,

'vertical': false,

'reverse': false,

'touchevents': true,

'delayaftershow': 300,

'stepbystep': true,

'startslide': 0,

'loop': true,

'distancetochange': 10,

'beforeshow': function () {},

'aftershow': function () {},

}

html图片轮播种类,支持4种类型的jQuery轮播图插件EasySlides相关推荐

  1. html幻灯片图片轮播w3,支持30+种类型幻灯片|轮播图|旋转木马的强大jQuery插件

    jssor slider是一款功能非常强大的可制作超过30种不同类型的幻灯片|轮播图|旋转木马的jQuery插件.jssor具有高性能,轻量级,跨浏览器等特点,它可以支持IE6+的浏览器,并且可以支持 ...

  2. Asp.net支持三种类型的cache[转]

    from:http://www.cnblogs.com/thomasnet/archive/2006/11/26/573104.html Asp.net支持三种类型的cache 想写一个技术快速概述, ...

  3. java类型转换答案,在java中支持两种类型的类型转换,自动类型转换和强制类型转换。父类转化为子类需要强制转换。...

    在java中支持两种类型的类型转换,自动类型转换和强制类型转换.父类转化为子类需要强制转换. 更多相关问题 计算机病毒通过()传染扩散得极快,危害最大. 当一个现象的数量由小变大,另一个现象的数量相反 ...

  4. linux支持三种类型的硬件,linux

    纪晓岚曾经说:"世间的道理与事情,都在古人的书中说尽,现在如再著述,仍然超不过古人的范围,又何必再多著述."于是他一生之中,从不著书,只是编书--整理前人的典籍,将中国文化作系统的 ...

  5. html文字图片一起轮播卡片,简单的堆叠卡片样式jQuery轮播图插件

    MxSlider.js是一款堆叠卡片样式的jQuery响应式轮播图插件.该轮播图插件兼容IE8浏览器,采用响应式设计,它在图片切换时,就像一叠扑克牌将最上面一张挪开的效果. 使用方法 在页面中引入Mx ...

  6. python图片转文字easyocr_支持40种语言的图片文字识别(OCR)项目

    Hi!大家好呀!我是你们努力的喵哥! OCR(光学字符识别)是我们日常很常用的人工智能技术.我们总会有从图片中提取文字的需求.你是不是有需要从图片复制文字的经历?手打是最低效的选择.我们可以使用 OC ...

  7. 可以储存照片的字段类型是_在数据库中可用来存储图片的字段对象是哪种类型的字段?...

    展开全部 一. 把图片直接以二进制形式存储在数据库中 一般数据库提供一个e68a84e8a2ad3231313335323631343130323136353331333365633838二进制字段来 ...

  8. GoAccess 支持三种类型的存储方式。请根据你的需要和系统环境进行选择

    默认哈希表 内存哈希表可以提供较好的性能,缺点是数据集的大小受限于物理内存的大小.GoAccess 默认使用内存哈希表.如果你的内存可以装下你的数据集,那么这种模式的表现非常棒.此模式具有非常好的内存 ...

  9. java集合框架支持三种类型,Java集合框架(一)

    集合类存放于java.util包中,集合类存放的都是对象的引用,而非对象本身,出于表达上的便利,我们称集合中的对象就是指集合中对象的引用(reference) 集合类型主要有3种:set(集).lis ...

最新文章

  1. SpringBatch接口BatchConfigurer详解
  2. Oracle中表被删除或数据被错误修改后的恢复方法
  3. AUTOSAR从入门到精通100讲(三十二)-AutoSar之实时环境RTE
  4. 双十二心动礼遇,送你3本算法好书
  5. 005. C#发送邮件
  6. feignclient注解使用_Spring Cloud Nacos的使用
  7. 内部类之.this.new
  8. ASP.NET Web程序设计 第五章 页面状态管理
  9. 查询和追踪快递单的流向有这么难吗?用VFP其实太简单
  10. Adobe PhotoShop(PS) for Mac 快捷键/PS快捷键
  11. 倒立摆c语言程序设计,清华大学倒立摆控制系统实验指导书.pdf
  12. php遵义旅游管理系统的设计与实现毕业设计源码091801
  13. 面向对象程序设计(JAVA)复习笔记(下)
  14. python目前的最新版本是_最新版Python 3.8.6 版本发布
  15. 前端吃香还是后端吃香?
  16. MATLAB矩阵生成
  17. Java将查询到的List,list集合还嵌套一个list集合(把这个list集合和嵌套的list集合合并为一个list集合)
  18. Spark任务调度概述_大数据培训
  19. 一文快速了解MassGrid网络
  20. PCB做的 东南大学 校徽

热门文章

  1. 联想拯救者Y9000P 2022 配置
  2. PromQL 直方图 跟踪请求的延迟或响应大小 99%的请求是在多少延迟下完成的?
  3. Vue中插入base64图片
  4. axure原件 总是丢失_【总结整理】AXURE原件
  5. 微型投影仪第三篇——磕磕绊绊
  6. 【sklearn】随机森林 - 预测用户是否离网
  7. matlab 不显示图中坐标轴(不显示x、y、z轴)
  8. 想知道全国有多少人和你同名同姓吗?我教你免费查询
  9. 极客日报:王者荣耀道歉:因新游海报擅用原神素材;Facebook改名为Meta;Node.js v16.13.0发布
  10. SDL介绍----4、S-SDLC安全开发生命周期