var currentImage = 0; var rotateInterval = 3000; // msec var images = new Array(); images = ["4.jpg","11.jpg","3.jpg","13.jpg","2.jpg","15.jpg","10.jpg","5.jpg","1.jpg","14.jpg","9.jpg","12.jpg","6.jpg","7.jpg","8.jpg"]; for (i = 0; i < images.length; i++) { var cache = new Image(); cache.src = 'images/slideshow/'+images[i]; } window.setTimeout('rotate();', rotateInterval); function rotate() { currentImage = (currentImage + 1) % images.length; document.getElementById("slideshow").style.backgroundImage = "url(images/slideshow/" + images[currentImage] + ")"; window.setTimeout('rotate();', rotateInterval); }