回调函数

JavaScript

$('.dowebok').slidizle({
    loop: true,
    onInit: function() {
        alert('初始化完成');
    },
    onClick: function() {
        alert('你点击了幻灯片')
    },
    beforeChange: function() {
        alert('准备切换');
    },
    onChange: function() {
        alert('正在切换');
    },
    afterChange: function() {
        alert('切换完成');
    }
});

HTML

<div class="dowebok" 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>

dowebok.com 说 明 下 载