Source Code Distributor

Source Code for the Book Images Effect

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.

<:html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Clickable Book Pages</title>

// *********************************************************************
// Adapted from: Preloaded slideshow script- By Jason Moon
//   (webmaster@jasonmoon.net) For this script and more, visit
//   http://www.dynamicdrive.com
// *********************************************************************
// Adaptation: Alwyn ap Huw, with reformatting by Robin W. Moore
// *********************************************************************
// **         THERE ARE FOUR 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 Slides = new Array(

"ST19.jpg",
"ST20.jpg",
"ST21.jpg",
"ST22.jpg",
"ST23.jpg",
"ST24.jpg",
"ST25.jpg"

);

// END STEP 1

// DO NOT EDIT BETWEEN HERE AND THE /SCRIPT MARK
function CacheImage(ImageSource) // TURNS THE STRING INTO AN IMAGE OBJECT
{ var ImageObject = new Image();
ImageObject.src = ImageSource;
return ImageObject;
}

function Download()
{ if (Slides[NextSlide].complete)
{ SlideReady = true;
self.defaultStatus = Message;
} else setTimeout("Download()", 100); // CHECKS DOWNLOAD STATUS EVERY 100 MS
return true;
}

function CacheNextSlide()
{ if ((NextSlide < Slides.length) && (typeof Slides[NextSlide] == "string"))
{ // ONLY CACHES THE IMAGES ONCE
SlideReady = false;
self.defaultStatus = "Downloading next picture...";
Slides[NextSlide] = CacheImage(Slides[NextSlide]);
Download();
} return true;
}

function StartSlideShow()
{ CurrentSlide = -1;
Slides[0] = CacheImage(Slides[0]);
SlideReady = true;
ShowSlide(1);
}

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

<h1>The Autobiography of a Supertramp</h1>
<h2>by W. H. Davies</h2>

</td>
<td align="left" valign="top" width="50%"><input type="button" name="Next" value=" ť " onclick="ShowSlide(1)"></td>
</tr>
<tr>
<td align="right" valign="bottom" width="50%"><input type="button" name="Previous" value=" Ť " onclick="ShowSlide(-1)"></td>
<td align="left" valign="bottom" width="50%"><input type="button" name="Next" value=" ť " onclick="ShowSlide(1)"></td>
</tr>
</table>

</form>

</center>

</body>

</html>