Image Sequence

Place your mouse over the image to see the next frame.

Insert this code in the <head></head> tags of your page:

browserName = navigator.appName;   // detect browser 
         browserVer = parseInt(navigator.appVersion);
             if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";
             else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";
             else browserVer = "2";

//initialize stuff:
if (browserVer == 1) {
      //Make sure this number is the correct number of images in your sequence.
      var images = 5;

//Include the correct details for each image. They MUST be numbered img1, img2 ....
	img1 = new Image(227,183);
	img1.src = "a.jpg";	
	img2 = new Image(227,183);
	img2.src = "b.jpg";
	img3 = new Image(227,183);
	img3.src = "c.jpg";
	img4 = new Image(227,183);
	img4.src = "d.jpg";
	img5 = new Image(227,183);
	img5.src = "e.jpg";
      
      //Do NOT edit this number.
	var item = 1;
}

function hiLite(imgDocID) {
if (browserVer == 1) {
      item++;
      if (item == images + 1) { item = 1};
	document.images[imgDocID].src = eval("img" + item + ".src");
}}

//end hiding -->
</script>

Insert this code where you want the images to appear: