[代码样式]jQuery.slidizle – jQuery幻灯片插件

[代码样式]jQuery.slidizle – jQuery幻灯片插件

简介

jQuery.slidizle 是一款 jQuery 幻灯片插件,你可以在幻灯片内放任何内容,因为它提供了多种方法让你可以随意的控制幻灯片,而正因为它的高度自定义,所以上手也比其他幻灯片插件更难一些。

浏览器兼容

[代码样式]jQuery.slidizle – jQuery幻灯片插件 [代码样式]jQuery.slidizle – jQuery幻灯片插件 [代码样式]jQuery.slidizle – jQuery幻灯片插件 [代码样式]jQuery.slidizle – jQuery幻灯片插件 [代码样式]jQuery.slidizle – jQuery幻灯片插件 [代码样式]jQuery.slidizle – jQuery幻灯片插件
IE9+ Edge Chrome Firefox Opera Safari

使用方法

1、引入文件

<link rel="stylesheet" href="https://www.dowebok.com/css/font-awesome.min.css">
<link rel="stylesheet" href="https://www.dowebok.com/css/style.min.css">
<script src="https://www.dowebok.com/js/jquery.min.js"></script>
<script src="https://www.dowebok.com/js/jquery.slidizle.js"></script>

2、HTML

<div class="dowebok" data-slidizle>
    <ul data-slidizle-content>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div data-slidizle-next>
        <i class="fa fa-arrow-right"></i>
    </div>
    <div data-slidizle-previous>
        <i class="fa fa-arrow-left"></i>
    </div>
    <ul data-slidizle-navigation></ul>
</div>

3、JavaScript

$('.dowebok').slidizle();

配置

名称 类型 默认值 说明
timeout 整数 null 幻灯片播放间隔
pauseOnHover 布尔值 false 鼠标悬停暂停播放
nextOnClick 布尔值 false 鼠标悬停暂停播放
loop 布尔值 false 循环播放
autoPlay 布尔值 false 自动播放
keyboardEnabled 布尔值 true 键盘支持
touchEnabled 布尔值 true 触摸事件支持
loadBeforeTransition 布尔值 true 预加载
disabled 布尔值 false
onInit 函数 null 幻灯片被单击后的回调函数
beforeChange 函数 null 幻灯片切换前的回调函数
onChange 函数 null 幻灯片切换时的回调函数
afterChange 函数 null 幻灯片切换后的回调函数
beforeLoading 函数 null 加载幻灯片钱的回调函数
onLoading 函数 null 加载幻灯片时的回调函数
afterLoading 函数 null 加载幻灯片后的回调函数
onNext 函数 null
onPrevious 函数 null
onPlay 函数 null 开始自动播放时的回调函数
onPause 函数 null 暂停播放时的回调函数
onResume 函数 null 恢复后的回调函数

GitHub 地址:https://github.com/olivierbossel/slidizle

隐藏内容,您需要满足以下条件方可查看
End

人已赞赏
脚本代码

[代码样式]Filterizr – jQuery筛选过滤插件

2020-8-24 10:16:35

脚本代码

[代码样式]liMarquee – jQuery无缝滚动插件

2020-8-24 10:16:48

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索