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