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 回答