Question

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

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

但是，我希望下一个幻灯片div更改，（包含一些文本）。

所以改变路径是：

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

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

2 个答案: