여러 개의 Nivo 슬라이더를 '엇갈리게'하려하지만 항상 동기화됩니다.

Question

페이지로드 후 8000ms 시작하고 다음 12000ms 시작하도록 Nivo 슬라이더를 비틀려고합니다. 그리고 그들은 4000ms 스 태거 스테이 떨어져, 8000ms마다 미끄러짐. http://jsfiddle.net/0gfaaqp6/ - 기본적으로 다음과 같이 제 2 슬라이더에의 setTimeout를 사용하려고 :

내가 최소한의 JSfiddle가에서 문제를 보여주는이

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

나는 4000 MS에 의해 제 2 슬라이더의 시작을 지연에도 불구하고, 슬라이더는 여전히 즉시 동기화됩니다. :(

은 내가 "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 
    }); 
});