0

我正在编写的页面中使用rcarousel，不幸的是我还不能作为示例分享。但这与我的问题无关，因为我的问题不是错误，而是功能存在查询。

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

$("#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 });
});

但这当然行不通。

有谁知道 rcarousel 是否可以动态退出自动前进模式？谢谢！

4

2 回答 2

1

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

由于它是测试分支，我不能说它是否稳定。虽然提交的次数并不多，但如果您有足够的勇气，您可以浏览新的提交并使用该版本。

于 2012-05-26T20:59:43.953 回答
0

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

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

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

这很烦人，所以我最终决定在轮播 div 和 prev/next 按钮悬停时停止自动，这似乎立即停止了轮播：

$("#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} });
});
于 2013-08-28T16:18:56.060 回答