Source Code for the Clickable Slideshow

Press the "Highlight Code" button below (or perform a right-mouse-click 'Select All' in the form field to highlight the code). Then use your browser's copy function (click 'Edit | Copy' on the IE or Netscape menubar) to copy the highlighted code. Now paste it into your new HTML file.
Instructions are included in the code about how to modify it to use your own images and captions.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Clickable Slideshow</title>

<SCRIPT LANGUAGE="Javascript">
<!-- Hide script from old browsers

// *********************************************************************
//   This script can be used to click forwards, as well as backwards,
//                     through an "array" of images
// *********************************************************************
// Adapted from: "picturebooks/project/siteslides/project_slides.asp"
//   at http://landscapes.ce.vt.edu/ - ("From Landscapes To Waterscapes"
//   - Virginia Tech Civil and Environmental Engineering Dept.)
// Adaptation: Robin W. Moore (B.S., Computer Sciences, Virginia Tech,
//   1972)
// *********************************************************************
// **        THERE ARE SEVEN STEPS TO SETTING UP THIS SCRIPT          **
// *********************************************************************

// STEP 1 - Place your image addresses in double-quotes below and
//   SEPARATE them with commas. Leave out the last comma. Be forewarned
//   that if your images are not the same width and height, their
//   display will be distorted/contorted in some browsers to the
//   dimensions of your first listed image.

var myImages = new Array(

"images/0.image.jpg",
"images/1.image.jpg",
"images/2.image.jpg",
"images/3.image.jpg",
"images/4.image.jpg",
"images/5.image.jpg"

);

// END STEP 1

// STEP 2 - Place your image titles in double-quotes below and SEPARATE
//   them with commas. Leave out the last comma. The number of image
//   titles should match the number of your images.

var myCaptions = new Array(

"1st Caption",
"2nd Caption",
"3rd Caption",
"4th Caption",
"5th Caption",
"6th Caption"

);

// END STEP 2

var thisPic = 0;  //the counter for the image array
var lastPic = (myImages.length-1);  //the last cell in our array = (number of pictures - 1)

//End hiding script from old browsers -->
</SCRIPT>
</head>

</td></tr>

The Woodbridge Senior High School Mighty Viking Marching Band (a Virginia Honor Band) participates in the 2001 Old Bridge Christmas Parade

</font>
</td></tr>
</table>
</FORM>

</center>
</body>

</html>