我怎样才能得到一个jQuery幻灯片插件，将改变多个div？

Question

我是jquery的新手，我有点问题。

我需要做的是有一个div作为我的主要幻灯片。这似乎很直接。

但是，我想另一个幻灯片div来改变下一步，（包含一些文本）。

所以变化路径将是：

DIV 1度的变化，2区的变化， DIV 1的变化，2区的变化，

等。

如果我想在一天结束之前完成这项任务（我想我花了周末的时间阅读关于javascript和jquery），我该从哪里开始？

Answer 1

使用jQuery Cycle Plugin你可以做这样的事情：

var slide1 = $('.slideshow1'); 
    var slide2 = $('.slideshow2'); 
    slide1.cycle({ 
     after:function(){ 
      slide1.cycle('pause'); 
      slide2.cycle('resume'); 
     } 
    }); 
    slide2.cycle({ 
     after:function(){ 
      slide2.cycle('pause'); 
      slide1.cycle('resume'); 
     } 
    }).cycle('pause'); 

将确保他们始终保持同步，即使你停下其中一人悬停或其他方式。

Answer 2

您可能想要查看jQuery Cycle插件（选项here）并尝试使用不同的延迟进行设置，但速度相同。这样动画将在不同的时间开始，尽管它们并不严格同步，但它们似乎是因为偏移而导致的。