当前位置：文江博客话题详情

jQuery 循环“结束”回调并手动前进

发布于 2024-11-12 06:24:49 字数 126 浏览 5 评论 0原文

我正在尝试使用 jQuery 循环插件手动推进幻灯片演示。但是，我想在到达结尾时淡出整个幻灯片，即在查看最后一张幻灯片时，单击“下一步”并淡出。

似乎“结束”回调函数仅在自动前进时才起作用。

有什么建议吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

兮颜 2024-11-19 06:24:49

我以前也遇到过这个问题。这是一个非常好的方法：

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/

I've had this problem before too. This is a pretty good way to do it:

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);
        }

    }

});

You can see it working here: http://jsfiddle.net/Nfpr2/14/

回复收藏 0 原文

公布 2024-11-19 06:24:49

我也遇到过这个问题，但我必须确保用户已经查看了所有幻灯片，因此我对 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/

I've had this problem too but I had to be sure that the user had viewed all the slides so I made some changes on Wes' code.

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);
        }
    }
});

You can try it here: http://jsfiddle.net/revagomes/RQEeN/

回复收藏 0 原文

~没有更多了~