/********************************************************************** Include this file on any page that needs to loop through a series of images. This file takes care of *almost* everything you need, but in the parent file you need to include: as the body tag, You also need to include a script tag, below this included script, with slideShowPath=""; // your path to images, with trailing slash slideShowImgId="(optYourImgIdHere)"; // if you prefer to set // a variable instead of passing // an ID string. newim("yourImageFile.jpg"); newim("yourNextImageFile.jpg"); ... You can also override the timer, which defaults to 4 seconds, by including slideShowTimer = 5000; // number of milliseconds in your script **********************************************************************/ /* EXAMPLE OF USE: var ss1 = new slideShowObj("imgId","images/"); ss1.newim("aboutHSR_Beecr_img.jpg"); ss1.newim("aboutHSR_Bluede_img.jpg"); ss1.newim("aboutHSR_Drjean_img.jpg"); function calledOnLoad() { ss1.startClock(); } */ function slideShowObj (slideShowImgId,path) { // additional optional third parameter is slideShowTimer override this.imarray = new Array(); this.imnum = 0; this.timeoutSlides = 2; this.slideShowPath = path; this.imgId = slideShowImgId; this.slideShowTimer = 4000; if (slideShowObj.arguments.length > 3) { this.slideShowTimer = slideShowObj.arguments[2]; } this.newim = newim; this.cancelTimer = cancelTimer; this.startClock = startClock; } function newim(file) { this.imarray[this.imarray.length]=this.slideShowPath+file; } /* function nextPic() { // change the image // including the HREF // then set the timer again alert ("DEBUG: " + this.imgId) ourimg = document.getElementById(this.imgId); this.imnum++; if (this.imnum >= this.imarray.length) { this.imnum=0 } ourimg.src = this.imarray[this.imnum]; this.startClock() } */ function cancelTimer () { clearTimeout (this.timeoutSlides); } function startClock () { // set the timer // then start preloading the next image // this.timeoutSlides = setTimeout("this.nextPic()",this.slideShowTimer); var arrString = this.imarray.join("','"); arrString = "'" + arrString + "'"; //alert ("DEBUG: " + "nextPics('"+this.imgId+"',new Array("+arrString+"))"); this.timeoutSlides = setInterval("nextPics('"+this.imgId+"',new Array("+arrString+"))",this.slideShowTimer); } // nextPics("myimage",4,"new array('','','')") // make any number of counters var imnum = new Array(); function nextPics (imgId, imarray) { // use the same counters for arrays of the same length // if counter hasn't been set, make it zero // otherwise, increment it if (isNaN(imnum[imarray.length])) { imnum[imarray.length]=0 } ourimg = document.getElementById(imgId); ourimg.src = imarray[imnum[imarray.length]]; imnum[imarray.length]++; if (imnum[imarray.length] >= imarray.length) { imnum[imarray.length]=0 } nextim=new Image(); nextim.src=imarray[imnum[imarray.length]]; }