轮播可以动态切换出自动前进模式吗?

Question

我在我正在编写的页面中使用了轮播，不幸的是我还不能作为示例分享。但是对于我的问题来说，这无关紧要，因为我的问题不是错误，而是功能存在查询。

我在创建时启用了"自动"，但如果用户单击其中一个导航按钮，我希望能够动态禁用它。以下是轮播的创建：

$("#landing-features-carousel").rcarousel({
    visible: 2,
    step: 2,
    speed: 700,
    width: 474,
    height: 267,
    auto: { enabled: true, interval: 8000 },
    start: window.landing.generateCarouselPages,
    pageLoaded: window.landing.carouselLoaded
});

我希望能够做这样的事情：

$("#ui-carousel-next").bind("click", function(e) {
    $("#landing-features-carousel").rcarousel("options", "auto", { enabled: false });
});

但这当然行不通。

有谁知道轮播是否可以动态切换出自动前进模式？谢谢！

Answer 1

IIRC有一个错误。现在我正在测试分支中开发下一个版本，除其他外，我已经实现了一个很好的 API 方法来控制轮播——你可以暂停它，随时播放。我也添加了一个新示例。

由于它是测试分支，我不能说它是否稳定。虽然没有太多的提交，所以如果你觉得足够勇敢，你可以浏览新的提交并使用该版本。

Answer 2

在最新版本的 rcarousel 中，我能够让以下内容处理一个警告*

$("#ui-carousel-next").bind("click", function(e) {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});

*需要注意的是，点击时，轮播在点击后仍会再次滚动，然后停止。

这很烦人，所以我最终决定在轮播div 和上一个/下一个按钮的悬停上停止自动，这似乎立即停止了轮播：

$("#ui-carousel-next").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});
$("#ui-carousel-prev").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});
$("#landing-features-carousell").hover(function () {
    $("#landing-features-carousel").rcarousel("option", { auto: { enabled: false} });
});