Sponsor Box

Technical Website Design/Showcase
1

I put this code right into the body of my website where I wanted it to go

The order is 1/2/3/1 that way it repeats itself correctly, at 2seconds each frame (2000 milliseconds)

function imgOne() //First Image function
{
document.myimg.src = ‘images1.jpg’; //First Image
setTimeout(“imgTwo()”, seconds * 2000); // After 2 seconds will change to Image Too
}

I took out the Fade in/out but it is not hard to add back in, just google “Image Fade in/out” and insert the times and function under each image.


<script language="javascript" type="text/javascript">

img2 = new Image()


seconds = "2";

function imgOne()
{	
	document.myimg.src = 'images1.jpg';
	setTimeout("imgTwo()", seconds * 2000);
}
function imgTwo()
{
	document.myimg.src = 'images2.jpg';
	setTimeout("imgThree()", seconds * 2000);
}
function imgThree()
{
	document.myimg.src = 'images3.jpg';
	setTimeout("imgOne()", seconds * 2000); //reverts back to first image
}

</script>

<body onLoad="imgOne();"/>