如何获得一个可以更改多个div的jquery幻灯片插件?

时间:2010-01-29 21:25:55

标签: javascript jquery dom

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

我需要做的是将一个div作为我的主幻灯片。这看起来很简单。

但是,我希望下一个幻灯片div更改,(包含一些文本)。

所以改变路径是:

div 1改变,div 2改变, div 1改变,div 2改变,

等等。

如果我想在一天结束前完成这项任务,我会从哪里开始(我想我周末都在阅读有关javascript和jquery的内容)?

2 个答案:

答案 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)并尝试使用不同的延迟进行设置,但速度相同。通过这种方式,动画将在不同的时间开始,尽管它们并非严格同步,但由于偏移,它们似乎是如此。