2010-06-10 65 views
0

我使用的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

回答

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

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

+0

Patrick。你解决了它。我很困惑。是什么导致最后一个滑块像这样挂起? – Evan 2010-06-10 20:23:36

+0

帕特里克。我刚才想出了我的问题的答案。样式表中的宽度必须是600而不是630.对不起,要问一个额外的小问题。非常感谢你的帮助...... – Evan 2010-06-10 20:29:46

+0

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