我是jquery的新手,我有点问题。
我需要做的是将一个div作为我的主幻灯片。这看起来很简单。
但是,我希望下一个幻灯片div更改,(包含一些文本)。
所以改变路径是:
div 1改变,div 2改变, div 1改变,div 2改变,
等等。
如果我想在一天结束前完成这项任务,我会从哪里开始(我想我周末都在阅读有关javascript和jquery的内容)?
答案 0 :(得分:2)
使用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');
即使您使用悬停或其他方式暂停其中一个,也会确保它们始终保持同步。
答案 1 :(得分:1)
您可能需要查看jQuery Cycle插件(选项here)并尝试使用不同的延迟进行设置,但速度相同。通过这种方式,动画将在不同的时间开始,尽管它们并非严格同步,但由于偏移,它们似乎是如此。