jquery carousel 自动滚动文本和图像

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

谢谢，

埃文

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 类的地方。

那些回调可以有四个参数：carousel、item、idx、state

我不得不使用idx 参数来引用#features-nav 下的正确项目，因为item 参数似乎引用了正在滚动的项目。

无论如何，希望这会有所帮助。