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の最新バージョンでは、以下を1つの注意事項で動作させることができました*

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

*クリックすると、カルーセルはクリック後にもう 1 回スクロールしてから停止することに注意してください。

これは面倒だったので、カルーセル 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} });
});
于 2013-08-28T16:18:56.060 に答える