0

我正在使用 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

谢谢，

埃文

4

1 回答 1

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参数似乎是指正在滚动的项目。

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

于 2010-06-10T19:02:44.673 回答