슬라이드 쇼 시작을위한 무작위 선택

Question

루프에서 3 개의 슬라이드를 페이드 인/아웃하는 슬라이드 쇼가 있습니다. 슬라이드 중 하나를 무작위로 선택하는 방법이 있습니까?

현재 코드 :

function startSlideshow(){ 
    $("#slide1").fadeIn(1000).delay(3500).fadeOut(1000); //5500 
    $("#slide2").delay(5500).fadeIn(1000).delay(3500).fadeOut(1000); //11000 
    $("#slide3").delay(11000).fadeIn(1000).delay(3500).fadeOut(1000, startSlideshow); //55000 
} 

이 사이트와 여러분 모두 지금까지 놀라운 자원이었다. 고맙습니다!

Answer 1

function startSlideshow(){ 
    var slides = ["#slide1","#slide2","#slide3"]; 
    var rand = Math.floor(Math.random()*slides.length); 
    var slideSeq = slides.splice(rand).concat(slides); 
    $(slideSeq[0]).fadeIn(1000).delay(3500).fadeOut(1000); //5500 
    $(slideSeq[1]).delay(5500).fadeIn(1000).delay(3500).fadeOut(1000); //11000 
    $(slideSeq[2]).delay(11000).fadeIn(1000).delay(3500).fadeOut(1000, startSlideshow); //55000 
} 

참고 :은 내가 내 대답을 구성하는 동안 NAAB 그냥 내 솔루션과 매우 비슷한 게시 된 것을 볼 수 있지만 내 솔루션은 슬라이드 순서를 보존하기 때문에 어쨌든 게시거야.

편집 : 필자는 코드를 테스트하기 위해 피들을 작성했습니다. 세 개의 div가 순서대로 사라지며 임의로 선택된 div로 시작합니다.

http://jsfiddle.net/QmDt5/2/