我正在使用SlidesJS,这非常简单,但目前没有自动启动的选项,但只播放一次并停止。它目前正在循环。
我需要它播放一次,然后再次停在第一张幻灯片上。
然而,有一个animationComplete函数,所以我想我可以使用它来测试完整动画何时完成,它会检查长度(幻灯片的数量),如果它大于数字,那么它会停止滑块
jsFiddle:http://jsfiddle.net/55Evw/
这是我到目前为止所做的:
$(function(){
$('.slides').slides({
play: 5000,
slideSpeed: 1000,
bigTarget: true,
generatePagination: false,
hoverPause: true,
animationComplete: function(current) {
var total = $(".slides_container div").length;
if (current >= total) {
clearInterval($('.slides').data('interval'));
}
}
});
});
我的HTML结构的基础知识:
<div class="slides">
<div class="slides_container">
<div>
<img src="http://placehold.it/570x270">
</div>
<div>
<img src="http://placehold.it/570x270">
</div>
<div>
<img src="http://placehold.it/570x270">
</div>
<div>
<img src="http://placehold.it/570x270">
</div>
</div>
</div>
干杯, [R