我是jquery的新手,我有点问题。我怎样才能得到一个jQuery幻灯片插件,将改变多个div?
我需要做的是有一个div作为我的主要幻灯片。这似乎很直接。
但是,我想另一个幻灯片div来改变下一步,(包含一些文本)。
所以变化路径将是:
DIV 1度的变化,2区的变化, DIV 1的变化,2区的变化,
等。
如果我想在一天结束之前完成这项任务(我想我花了周末的时间阅读关于javascript和jquery),我该从哪里开始?
我是jquery的新手,我有点问题。我怎样才能得到一个jQuery幻灯片插件,将改变多个div?
我需要做的是有一个div作为我的主要幻灯片。这似乎很直接。
但是,我想另一个幻灯片div来改变下一步,(包含一些文本)。
所以变化路径将是:
DIV 1度的变化,2区的变化, DIV 1的变化,2区的变化,
等。
如果我想在一天结束之前完成这项任务(我想我花了周末的时间阅读关于javascript和jquery),我该从哪里开始?
使用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');
将确保他们始终保持同步,即使你停下其中一人悬停或其他方式。
您可能想要查看jQuery Cycle插件(选项here)并尝试使用不同的延迟进行设置,但速度相同。这样动画将在不同的时间开始,尽管它们并不严格同步,但它们似乎是因为偏移而导致的。
这些都是伟大的和upvoted的答案。我刚刚拿到了一个代码示例。 – chiggsy 2010-01-29 22:54:56