
// <!-- THREE STEPS TO INSTALL IMAGE CYCLER:

//  1.  Copy the coding into the HEAD of your HTML document
//  2.  Add the onLoad event handler into the BODY tag
//  3.  Put the last coding into the BODY of your HTML document  -->

// <!-- STEP ONE: Paste this code into the HEAD of your HTML document  -->

//<SCRIPT LANGUAGE="JavaScript">
//<!-- Original:  D. Keith Higgs (dkh2@po.cwru.edu) -->

//<!-- This script and many more are available free online at -->
//<!-- The JavaScript Source!! http://javascript.internet.com -->

//<!-- Begin
var Pix = new Array
(
"01.jpg",
"02.jpg",
"03.jpg",
"04.jpg",
"05.jpg",
"06.jpg",
"07.jpg",
"08.jpg",
"09.jpg",
"10.jpg",
"11.jpg"

);
var howMany = Pix.length;


var PicCurrentNum = 0;

var PicCurrent = new Image();
var pathImage = "";

PicCurrent.src = Pix[PicCurrentNum];


// change delay time in seconds
function startPix( delay, path ) {
pathImage = path ;
var timeDelay = delay * 1000;
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;

if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = pathImage  + Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
//  End -->
//</script>


//<!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->

//<BODY OnLoad="startPix()">

//<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->

//<img name="ChangingPix" src="01.jpg">

//<p><center>
//<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
//by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
//</center><p>

//<!-- Script Size:  1.31 KB -->