2012-06-29 67 views
0

我正在與客戶合作調整自己的徽標旋轉木馬的速度,但我對jQuery的瞭解有限。我在這裏(stackoverflow)和Sorgolla文檔(http://sorgalla.com/projects/jcarousel/)上研究了一下,但我無法弄清楚如何將這些屬性添加到現有腳本中。客戶希望卷軸之間的時間加長,我認爲這是'自動'屬性?jCarousel財產

任何幫助/指導將不勝感激


在這個旋轉木馬使用的腳本如下:

$(document).ready(function(){ 

    $('#mycarousel').css('visibility', 'visible'); 

}); 

一個例子可以在活動網站上找到: Http://www.trustivo.com

回答

3

我看了你的頁面的源代碼,並真正開始旋轉木馬的代碼如下所示:

jQuery('#mycarousel').jcarousel({ 
    visible:6, 
    auto: 4, 
    scroll:6, 
    wrap: 'circular', 
    animation:"slow", 
    initCallback: mycarousel_initCallback 
}); 

auto: 4手段每4秒發生一次滾動。增加數字以減少滾動頻率。

+0

@SamTyson下面是文檔中的示例,它清楚地使用了'auto'選項:http://sorgalla.com/projects/jcarousel/examples/static_auto.html –

+0

我完全錯過了該部分!非常感謝您的快速回復,這是一個很大的幫助 – jjsears6

+0

如果我的答案是您使用的答案,請點擊左欄中的複選標記將其標記爲已接受。謝謝! –

0

請嘗試:

$(document).ready(function() { 

    // $('#mycarousel').css('visibility', 'visible'); 

    $('#mycarousel').jcarousel({ 
     auto: 5 
    }); 
}); 

該文檔不完全清楚'自動'配置變量。像許多其他類似的插件一樣,該值可能以毫秒爲單位,這意味着您必須將其設置爲5000(而不是5)以獲得5秒。

我不認爲你需要第一行,所以我已經註釋掉了,但是如果需要的話將其添加回去。

+0

感謝您的快速回復!我將嘗試編輯下面提到的標題中的代碼,但如果需要的話,我會回頭看看這個答案。 – jjsears6

1

您可以通過更改動畫選項來更改傳送帶速度。它默認爲400毫秒,但可以重寫這樣的:

$("#carousel").jcarousel({ animation: 400 }); 
+0

OP正在使用.jcarousel,而不是.carousel –

+0

感謝您的快速回復!我將按照下面所述編輯標題代碼,但我很欣賞這些輸入。 – jjsears6