2011-06-02 13 views
2

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

「終了」コールバック関数のように見えるのは、自動的に前進するときだけです。

提案がありますか?

答えて

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/

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/

関連する問題