jQueryサイクルプラグインを使用してスライドショープレゼンテーションを手動で進めようとしています。ただし、最後に到達したとき、つまり最後のスライドを表示しているときにスライドショー全体をフェードアウトするには、「次へ」をクリックしてフェードアウトします。jQueryサイクル "end"コールバック(手動アドバンスあり)
「終了」コールバック関数のように見えるのは、自動的に前進するときだけです。
提案がありますか?
jQueryサイクルプラグインを使用してスライドショープレゼンテーションを手動で進めようとしています。ただし、最後に到達したとき、つまり最後のスライドを表示しているときにスライドショー全体をフェードアウトするには、「次へ」をクリックしてフェードアウトします。jQueryサイクル "end"コールバック(手動アドバンスあり)
「終了」コールバック関数のように見えるのは、自動的に前進するときだけです。
提案がありますか?
私も以前にこの問題を抱えていました。これはそれを行うにはかなり良い方法です:
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/
私もこの問題を持っていたが、私は、ユーザーがすべてのスライドを見ていたことを確認する必要がありました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/