随机选择幻灯片开始

【问题标题】：random selection for slideshow start随机选择幻灯片开始
【发布时间】：2012-06-16 02:30:32
【问题描述】：

我们有一个幻灯片，可以循环淡入/淡出 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
}

到目前为止，这个网站和你们都是令人难以置信的资源。谢谢！

【问题讨论】：

标签： jquery loops random fadein

【解决方案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 在我撰写答案时发布了与我的解决方案非常相似的内容，但我还是要发布，因为我的解决方案保留了幻灯片序列。

编辑：我已经组装了一个 Fiddle 来测试我的代码。它依次淡化三个 div，从随机选择的一个开始。

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

【讨论】：