1

我正在使用非常简单的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

4

0 回答 0