2012-05-25 29 views
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可以動態切換到自動超前模式嗎? 謝謝!

回答

1

IIRC有一個有點bug。現在我正在測試分支中的下一個版本,除此之外,我已經實現了一個很好的API方法來控制旋轉木馬 - 您可以暫停它並隨時播放。我也加了一個新的例子。

因爲它是測試分支,我不能說它是否穩定。儘管沒有太多的提交,所以如果你覺得足夠勇敢,你可以瀏覽新的提交併使用該版本。

+0

啊。我意外地發現了這個問題,很可能我不會再看這裏。希望以上答案能幫助你。 – rrh

0

rcarousel最新版本我是能夠得到下面的一個警告工作*

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

*需要說明的是,上點擊,旋轉木馬還是滾動一次後點擊然後停止。

這是煩人,所以我結束了妥協,停在轉盤股利和上/下一個按鈕,這似乎立即停止旋轉木馬的懸停汽車:

$("#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} }); 
}); 
相關問題