2

jQuery サイクル プラグインを使用して、スライドショー プレゼンテーションを手動で進めようとしています。ただし、最後に到達したときにスライドショー全体をフェードアウトしたい、つまり、最後のスライドを表示しているときに、[次へ] をクリックしてフェードアウトします。

「終了」コールバック関数は、自動的に進行している場合にのみ機能するようです。

助言がありますか？

4

2 に答える 2

1

私も以前にこの問題を抱えていました。これはかなり良い方法です：

var num = 0;
$('#slideshow').cycle({
     fx:     'scrollHorz', 
    prev:   '#prev', 
    next:   '#next', 
    nowrap : 1,
    timeout : 0,
    after : function(c,n,o,f) {
        num++;
        if ( o.slideCount === num) {
            $('#slideshow').fadeTo('fast',0);
        }

    }

});

ここで動作することがわかります: http://jsfiddle.net/Nfpr2/14/

于 2011-06-03T00:18:18.537 に答える
0

私もこの問題を抱えていましたが、ユーザーがすべてのスライドを表示したことを確認する必要があったため、Wes のコードにいくつかの変更を加えました。

var num = 0;
$('#slideshow').cycle({
    fx:     'fade', 
    prev:   '#prev', 
    next:   '#next', 
    nowrap : 1,
    timeout : 0,
    after : function(c,n,o,f) {
        (f) ? num++ : num--;
        if ((o.slideCount == num) || ((o.slideCount *= -1) == num)) {
            $('#slideshow').fadeTo('fast',0);
        }
    }
});

ここで試すことができます: http://jsfiddle.net/revagomes/RQEeN/

于 2012-05-10T05:15:41.073 に答える