var img_element = "img_slide_show" //The ID of the element you want to change var img_folder = "../download/covers/0/" //The file path to your images var divid = "div_img"; var random_images = new Array (); random_images[0] = "30.jpg"; random_images[1] = "27.jpg"; random_images[2] = "26.jpg"; random_images[3] = "25.jpg"; random_images[4] = "24.jpg"; random_images[5] = "23.jpg"; random_images[6] = "22.jpg"; random_images[7] = "21.jpg"; random_images[8] = "20.jpg"; random_images[9] = "19.jpg"; random_images[10] = "18.jpg"; random_images[11] = "17.jpg"; random_images[12] = "16.jpg"; random_images[13] = "15.jpg"; random_images[14] = "14.jpg"; random_images[15] = "13.jpg"; random_images[16] = "12.jpg"; random_images[17] = "11.jpg"; random_images[18] = "10.jpg"; random_images[19] = "3.jpg"; for(ii=0; ii opacEnd) { for(i = opacStart; i >= opacEnd; i--) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(opacStart < opacEnd) { for(i = opacStart; i <= opacEnd; i++) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } } //change the opacity for different browsers function changeOpac(opacity, id) { var object = document.getElementById(id).style; object.opacity = (opacity / 100); object.MozOpacity = (opacity / 100); object.KhtmlOpacity = (opacity / 100); object.filter = "alpha(opacity=" + opacity + ")"; } function shiftOpacity(id, millisec) { //if an element is invisible, make it visible, else make it ivisible if(document.getElementById(id).style.opacity == 0) { opacity(id, 0, 100, millisec); } else { opacity(id, 100, 0, millisec); } } function blendimage(divid, img_element, imagefile, millisec) { var speed = Math.round(millisec / 100); var timer = 0; //set the current image as background document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(img_element).src + ")"; //make image transparent changeOpac(0, img_element); //make new image document.getElementById(img_element).src = imagefile; //fade in image for(i = 0; i <= 100; i++) { setTimeout("changeOpac(" + i + ",'" + img_element + "')",(timer * speed)); timer++; } } function currentOpac(id, opacEnd, millisec) { //standard opacity is 100 var currentOpac = 100; //if the element has an opacity set, get it if(document.getElementById(id).style.opacity < 100) { currentOpac = document.getElementById(id).style.opacity * 100; } //call for the function that changes the opacity opacity(id, currentOpac, opacEnd, millisec) } var x; function fncSlideShow(ind) { x=ind; if (isNaN(x)) {x=random_images.length+1 } x=x-1; if (!document.getElementById) return false; if (!document.getElementById(img_element)) return false; var sld_img_elem = document.getElementById(img_element); if (x==0){x=random_images.length} var nextImage = eval("preload_img" + (x-1)).src; changeOpac(0, img_element); blendimage(divid, img_element, nextImage, 4000); movement = setTimeout("fncSlideShow(x)", 6000); } var x = random_images.length; window.onload=fncSlideShow; //end of pictures