jquery旋转木马自动滚动文本和图像

Question

我使用的jquery旋转木马，我有图像自动旋转在这里（http://jsbin.com/unoce/2），所以我遇到的问题是左边的内容不是自动旋转“与”图像和箭头选择都不是。只有当我点击左侧的内容，然后右侧的图像和箭头一起适当地移动时，它才起作用。

有人可以提供支持，所以我可以得到的文本和箭头“自动”与图像旋转？

下面这段代码只会旋转图像，并没有别的...

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

Answer 1

看看这个：

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参数似乎是指该项目被滚动。

无论如何，希望这有助于。