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

Javascript jquery旋转木马自动滚动文本和图像,javascript,jquery,carousel,Javascript,Jquery,Carousel,我使用的是jquery旋转木马,图像在这里自动旋转(),所以我遇到的问题是左侧的内容没有与图像一起自动旋转,箭头选择也没有。只有当我单击左侧的内容,然后右侧的图像与箭头一起适当移动时,它才起作用 有人可以提供支持,让我可以得到文字和箭头“自动”旋转的图像 下面的代码只会旋转图像,其他什么都不会 jQuery(document).ready(function() { jQuery("#features").jcarousel({ scroll: 1, auto:2, w

我使用的是jquery旋转木马,图像在这里自动旋转(),所以我遇到的问题是左侧的内容没有与图像一起自动旋转,箭头选择也没有。只有当我单击左侧的内容,然后右侧的图像与箭头一起适当移动时,它才起作用

有人可以提供支持,让我可以得到文字和箭头“自动”旋转的图像

下面的代码只会旋转图像,其他什么都不会

jQuery(document).ready(function() {
  jQuery("#features").jcarousel({
    scroll: 1,
    auto:2,
    wrap: 'both',
    initCallback: mycarousel_initCallback,
    buttonNextHTML: null,
    buttonPrevHTML: null
  });
}); 
这是一个演示,您也可以编辑此演示:

谢谢,

Evan

看看这个:

  • 您使用的是jQuery的旧版本(1.3.2)。当前版本是1.4.2,所以我在jsBin中将其切换为使用Google托管的jQuery版本

  • 这不是问题的一部分,但我整合了一些代码。您多次调用了
    $(document).ready()
    。这不坏,但也没有必要。我将代码合并为一个
    ready()
    调用

  • 您分配了2个单击处理程序。同样,这很好,但没有必要。我将两者的代码放入
    initCallback
    属性的回调中

  • initCallback
    在开始时只调用一次。这就是为什么当前的类在自动更新时没有得到更新

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
下的适当项,因为
参数似乎引用正在滚动的项


不管怎样,希望这有帮助。

Patrick。你解决了。不过我很困惑。是什么导致最后一个滑块像那样挂起的?patrick。我刚才想出了我问题的答案。样式表中的宽度需要为600而不是630。对不起,我要问一个额外的小问题。非常感谢你刚才的帮助。。。