slidizle演示8种不同的幻灯片调用方法_图片代码_图片轮播_轮播_缩略图

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

淘建站为您提供更多_图片代码_图片轮播_轮播_缩略图，在此特别感谢您对我们的支持与厚爱！

查看演示

演示不了，点击反馈

加入收藏

下载 472 次

下载资源

25 淘币

特别说明：本站资源来自网友发布分享，仅供学习与参考，请勿用于商业用途，若有侵权请联系删除(272966172@qq.com)。

举报/反馈

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

slide图片轮播html代码

<div class="sucaiq" 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() {
        $('.sucaiq').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