只循环一次SlideJS

时间:2013-02-21 13:06:21

标签: jquery slider

我正在使用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

0 个答案:

没有答案