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