jquery旋轉木馬自動滾動文本和圖像

我使用的jquery旋轉木馬，我有圖像自動旋轉在這裏（http://jsbin.com/unoce/2），所以我遇到的問題是左邊的內容不是自動旋轉「與」圖像和箭頭選擇都不是。只有當我點擊左側的內容，然後右側的圖像和箭頭一起適當地移動時，它才起作用。jquery旋轉木馬自動滾動文本和圖像

有人可以提供支持，所以我可以得到的文本和箭頭「自動」與圖像旋轉？

下面這段代碼只會旋轉圖像，並沒有別的...

jQuery(document).ready(function() { 
    jQuery("#features").jcarousel({ 
    scroll: 1, 
    auto:2, 
    wrap: 'both', 
    initCallback: mycarousel_initCallback, 
    buttonNextHTML: null, 
    buttonPrevHTML: null 
    }); 
});

這裏有一個演示，你也可以編輯該演示： http://jsbin.com/unoce/2

謝謝

Evan

來源

2010-06-10 Evan

看看這個：

http://jsbin.com/unoce/7/edit

您使用的是舊版本的jQuery（1.3.2）。目前是1.4.2，所以我將它切換到jsBin中以使用Google的託管版本的jQuery。
這不是問題的一部分，但我整理了一些代碼。您有幾個電話$(document).ready()。這並不壞，但也不是必需的。我將代碼合併成一個ready()呼叫。
您正在分配2個點擊處理程序。再次，這很好，但沒有必要。我將兩者的代碼放入initCallback屬性的回調中。
該initCallback只被調用一次，在開始。這就是爲什麼current類沒有得到更新時，它會自動更新。

jCarousel有很多其他的回調選項。一個叫itemVisibleInCallback。它其實需要一個對象，可以採取兩種回調：

itemVisibleInCallback: { 
     // This one is called before new item is displayed 
    onBeforeAnimation: mycarousel_itemVisibleBefore, 

     // This one is called after new item is displayed 
    onAfterAnimation: mycarousel_itemVisibleAfter 
}

這就是我把刪除和添加current類的照顧。

這些回調可以有四個參數：旋轉木馬，項目，IDX，狀態

我只好用idx參數指的是正確的項目#features-nav下，因爲item參數似乎是指該項目被滾動。

無論如何，希望這有助於。

來源

2010-06-10 19:02:44 user113716

Patrick。你解決了它。我很困惑。是什麼導致最後一個滑塊像這樣掛起？ – Evan 2010-06-10 20:23:36

帕特里克。我剛纔想出了我的問題的答案。樣式表中的寬度必須是600而不是630.對不起，要問一個額外的小問題。非常感謝你的幫助...... – Evan 2010-06-10 20:29:46

@Evan - 不客氣。 :) – user113716 2010-06-10 21:35:34

jquery旋轉木馬自動滾動文本和圖像

回答

相關問題