2012-06-16 2 views
0

У нас есть слайд-шоу, которое затухает в/из 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 
} 

Этот сайт и вы все были невероятный ресурс до сих пор. Спасибо!

ответ

0
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 только отправил что-то очень похожее на мое решение, когда я сочинял свой ответ, но я буду размещать в любом случае, потому что мои решения сохраняет последовательность слайдов.

EDIT: Я собрал скрипт, чтобы проверить свой код. Он постепенно стирает три divs, начиная с случайно выбранного.

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

Смежные вопросы