2013-05-07 34 views
0

此問題困擾着我。我已經使用了jCarouselLite多年和數年,我甚至爲Ganeshji Marwaha發佈的原始庫添加了一個「淡入淡出」功能供我自己使用。我最近切換到the new plug-in,因爲它仍然支持,它使用觸摸事件,並且它可以響應。但我沒有使用它的運氣。jCarouselLite插件無法按預期工作

我幾乎可以肯定地做一些愚蠢的事情,但我無法弄清楚什麼......任何人都可以在這個主頁實施中用新鮮的眼光看看嗎?

http://staging.tbc1927.com/www/

這裏的執行沒有響應,但我想刷卡的支持。

$().ready(function() { 
    $(".homecarousel").jCarouselLite({ 
    visible: 1, 
    auto: 12000, 
    speed: 800, 
    responsive: false, 
    swipe: true, 
    circular: true, 
    btnNext: ".next", 
    btnPrev: ".previous" 
    }); 
}); 

這個CSS很簡單,我讓插件做繁重的工作。我使用的jQuery與他們推薦的(1.7.2)相同,儘管我使用的是更新的版本,但沒有運氣(1.8)。

當傳送帶初始加載時,第一張幻燈片很好。然後它消失,整個傳送帶定位在頁面外。傳送帶運行的時間越長,頁面所處的位置就越多。

我錯過了什麼?

回答

0

該插件的作者幫助我在這裏。插件將「auto」選項更改爲布爾值,「12000」值將其丟棄。要設置動畫延遲,插件現在使用一個名爲「超時」的參數。正確的實施腳本應該是:

$().ready(function() { 
    $(".homecarousel").jCarouselLite({ 
    visible: 1, 
    auto: true, 
    timeout: 12000, 
    speed: 800, 
    responsive: false, 
    swipe: true, 
    circular: true, 
    btnNext: ".next", 
    btnPrev: ".previous" 
    }); 
});