1

Cycle プラグインを自動的に 1 回再生し、スライドショーの最後で停止するにはどうすればよいですか? さらに、ユーザーがもう一度再開するために使用できる一時停止/再生ナビゲーション ボタンをフェードインさせたいと考えています。

これは可能ですか?

編集1

これが私が試したものですが、スライドショーはまだ続きました...

$(document).ready(function() {
    $('#gallery').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 0,
        end: function(options) {  
               $('#gallery').cycle('stop');
                }
    });
});

編集2

現在、スライドショーは最後のスライドで正常に終了していますが、これらの特定のパラメーターを使用すると、プラグインで使用できる再生/一時停止トグル機能で問題が発生する可能性があると思います...

何が起こるかというと、一時停止/再生ボタンは機能しますが、スライドショーが完全に終了すると何もしなくなり、スライドショーを最初からやり直すことができなくなります。

これが私が現在スクリプト化したものです:

$(document).ready(function() {
    $('#gallery').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 1 // Stop slideshow at end
    });

    $('a#pause_resume_button').click(function() { 
        $('#gallery').cycle('toggle'); 
    });
});
4

2 に答える 2

2

終了オプションがあります。

http://jquery.malsup.com/cycle/options.html

これをstopと組み合わせると、ソートされます。

スライドの数がわかっている場合は、autoStopを使用することもできます。

編集:

$('#scroller').cycle({
        fx: 'fade',
        timeout: 3000, 
        speed: 500,
        autostop: 1,
        end: function(options) {  
          $('#gallery').cycle('stop');
          alert('finished');
        }
    });

http://jsbin.com/icohen/1/

編集2:

http://jsbin.com/icohen/2/edit

于 2012-10-01T18:04:28.860 に答える
0

コードでこのプロパティを設定してみてください

autostop: 0, // true to end slideshow after X transitions (where X == slide count)

スライド ショーを再開するには、これを呼び出します

$('#slideshow').cycle('resume');
于 2012-10-01T18:02:49.937 に答える