我正在尝试使用 jQuery 循环插件手动推进幻灯片演示。但是,我想在结束时淡出整个幻灯片,即在查看最后一张幻灯片时,单击下一步并淡出。
似乎“结束”回调函数仅在自动前进时才有效。
有什么建议么?
我正在尝试使用 jQuery 循环插件手动推进幻灯片演示。但是,我想在结束时淡出整个幻灯片,即在查看最后一张幻灯片时,单击下一步并淡出。
似乎“结束”回调函数仅在自动前进时才有效。
有什么建议么?
我以前也遇到过这个问题。这是一个很好的方法:
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/