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

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线充值

分类：图片代码 > 图片轮播难易：中级

查看演示

加我微信，拉你进VIP群学习：

下载资源下载积分： 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

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

slide图片轮播html代码

disabled

onNext

onPrevious

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