var myImages = ['Pictures/180/089ph_00533.jpg','Pictures/180/089ph_00534.jpg','Pictures/180/089ph_00535.jpg','Pictures/180/089ph_00536.jpg','Pictures/180/089ph_00537.jpg','Pictures/180/089ph_00538.jpg','Pictures/180/089ph_00539.jpg','Pictures/180/089ph_00540.jpg','Pictures/180/089ph_00541.jpg','Pictures/180/089ph_00748.jpg','Pictures/180/089ph_00749.jpg','Pictures/180/089ph_00750.jpg','Pictures/180/089ph_00751.jpg','Pictures/180/089ph_00752.jpg','Pictures/180/089ph_00753.jpg','Pictures/180/089ph_00754.jpg','Pictures/180/089ph_00755.jpg','Pictures/180/089ph_00756.jpg','Pictures/180/089ph_00757.jpg','Pictures/180/089ph_00758.jpg','Pictures/180/089ph_00759.jpg','Pictures/180/089ph_00760.jpg','Pictures/180/089ph_00761.jpg','Pictures/180/089ph_00762.jpg','Pictures/180/089ph_00763.jpg','Pictures/180/089ph_00764.jpg','Pictures/180/089ph_00765.jpg']; var maxChanges = myImages.length * 10; var do_shuffle = true; var do_randomly = false; var seconds_between_photos = 8; var div_name = "loader"; var changes = 0; var timer; var thisImg = myImages.length - 1; shuffle = function(o) { for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o; }; if (do_shuffle) { myImages = shuffle(myImages); } function nextImage () { var low = 0; var high = myImages.length - 1; var rand_no = Math.floor((high-(low - 1))*Math.random()) + low; thisImg++; changes++; if (thisImg==myImages.length) { thisImg = 0; } if (changes==maxChanges) { clearInterval(timer); } if (do_randomly) { thisImg = rand_no; return myImages[rand_no]; } else { return myImages[thisImg]; } } function changeImage () { var t = myImages[thisImg]; var n = nextImage(); if (t != n) { $("#"+div_name).addClass("loading"); showImage(n); } else { changeImage(); } } function showImage(src) { $("#"+div_name+" img").fadeOut("normal").remove(); var largeImage = new Image(); $(largeImage).load(function() { $(this).hide(); $("#"+div_name).append(this).removeClass("loading"); $(this).fadeIn("slow"); }); $(largeImage).attr("src", src); } function checkForLoaded () { if (document.getElementById(div_name) != null) { //alert("loaded"); clearInterval(timer); changeImage(); timer = setInterval(changeImage, (seconds_between_photos * 1000)); } } timer = setInterval(checkForLoaded, 500);