Question

我试图错开一个Nivo Slider，以便在页面加载后开始8000ms，下一个在12000ms开始，并且它们相隔4000ms，每隔8000ms滑动一次。

我有一个最小的JSfiddle在http://jsfiddle.net/0gfaaqp6/显示问题 - 基本上尝试在第二个滑块上使用setTimeout，如下所示：

setTimeout($('#slider2').nivoSlider({pauseTime: 8000}), 4000);

即使我将第二个滑块的开始延迟了4000毫秒，滑块仍会立即同步。：（

我尝试了其他尝试以及“beforeChange”功能和延迟，但我得到了相同的结果;两个滑块始终同步。（可能/稍微相关的问题here。）

任何人都有任何想法如何用两个nivo滑块错开滑动？

Answer 1

这是一个工作小提琴。我只是稍微改变了时间，以使它们更加明显地交错。 http://jsfiddle.net/manishie/hmnsy848/

代码：

$('#slider1')
    .nivoSlider({
    effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
    animSpeed: 500, // Slide transition speed
    pauseTime: 3000, // How long each slide will show
    directionNav: false,
    controlNav: false, // 1,2,3... navigation
    keyboardNav: false, // Use left & right arrows
    pauseOnHover: false, // Stop animation while hovering
    randomStart: false, // Start on a random slide
}).delay(1000)
    .queue(function () {
    $('#slider2').nivoSlider({
        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        directionNav: false,
        controlNav: false, // 1,2,3... navigation
        keyboardNav: false, // Use left & right arrows
        pauseOnHover: false, // Stop animation while hovering
        randomStart: false, // Start on a random slide
    });
});

试图错开＆＃39;多个Nivo-Sliders，但它们总是同步的

1 个答案: