最新赞助活动温馨提示:9.9元终身VIP,学生和没有工作的整站资源免费下载!
头像

slidizle演示8种不同的幻灯片调用方法

来源:http://www.erdangjiade.com/ 二当家的 2016-02-28 18:32浏览(1542)

jQuery广告幻灯片进度条,水平/左右切换,垂直/上下切换,自动播放,缩略图列表切换。

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,整站资源免费下载!3、¥9.9充值终身VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:782128964 在线 充值

slidizle演示8种不同的幻灯片调用方法
分类:图片代码 > 图片轮播 难易:中级
查看演示 下载资源: 120

关注微信号获取此Demo视频教程:

下载资源 下载积分: 30 积分

slide图片轮播html代码

<div class="erdangjiade" data-slidizle>
    <ul data-slidizle-content>
        <li style="background-image: url('img/01.jpg')"></li>
        <li style="background-image: url('img/02.jpg')"></li>
        <li style="background-image: url('img/03.jpg')"></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>
<script src="js/jquery.slidizle.js"></script>
<script>
    $(function() {
        $('.erdangjiade').slidizle();
    });
</script>
参数 描述 默认值
timeout 幻灯片播放间隔 null
pauseOnHover 鼠标悬停暂停播放 false
nextOnClick 鼠标悬停暂停播放 false
loop 循环播放 false
autoPlay 自动播放 false
keyboardEnabled 键盘支持 true
touchEnabled 触摸事件支持 true
loadBeforeTransition 预加载 true

disabled

onInit 幻灯片被单击后的回调函数 null
beforeChange 幻灯片切换前的回调函数 null
onChange 幻灯片切换时的回调函数 null
afterChange 幻灯片切换后的回调函数 null
beforeLoading 加载幻灯片钱的回调函数 null
onLoading 加载幻灯片时的回调函数 null
afterLoading 加载幻灯片后的回调函数 null

onNext

onPrevious

onPlay 开始自动播放时的回调函数 null
onPause 暂停播放时的回调函数 null
onResume 恢复后的回调函数 null
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/808.html
评论0
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

1 2