Back to Scripts page
Click in the text area below, select all and copy to grab the script
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <TITLE>Our Summer Vacation!</TITLE> <LINK REL="STYLESHEET" HREF="myStyles.css" TYPE="TEXT/CSS"> <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"> <!-- Hide code from older browsers captionText = new Array( "Our ship, leaving Vancouver.", "We took a helicopter ride at our first port, Juneau.", "The helicopter took us to Mendenhall Glacier.", "The happy (and chilly) couple, on the glacier.", "Here's what our second stop, Ketchikan, looked like from the ship.", "We got to cruise through Glacier Bay--it was absolutely breathtaking!", "In Skagway, we took a train up into the mountains, all the way to the Canadian Border.", "Looking back down at Skagway from the train.", "On a trip this romantic, I shouldn't have been surprised by a proposal, but I was (obviously, I said yes).", "It's nice to go on vacation, but it's nice to be home again, too." ) thisImg = 0 imgCt = captionText.length function newSlide(direction) { if (document.images) { thisImg = thisImg + direction if (thisImg < 0) { thisImg = imgCt-1 } if (thisImg == imgCt) { thisImg = 0 } document.slideshow.src = "images/slideImg" + thisImg + ".jpg" document.imgForm.imgText.value = captionText[thisImg] } } // Stop hiding code --> </SCRIPT> </HEAD> <BODY BGCOLOR="WHITE" onLoad="document.imgForm.imgText.value = captionText[thisImg]"> <H1>Our Summer Vacation Slideshow</H1> <IMG HEIGHT="240" WIDTH="320" SRC="images/slideImg0.jpg" ALT="Our Vacation Pix" NAME="slideshow" ALIGN="LEFT" HSPACE="10"> <FORM NAME="imgForm"> <INPUT TYPE="BUTTON" onClick="newSlide(-1)" VALUE="« Previous"> <P><TEXTAREA NAME="imgText" ROWS="9" COLS="30" READONLY></TEXTAREA></P> <INPUT TYPE="BUTTON" onClick="newSlide(1)" VALUE="Next »"> </FORM> </BODY> </HTML>
H1 {font: 24px "trebuchet ms", verdana, arial, helvetica, geneva, sans-serif} textarea {font: 12px verdana, arial, helvetica, geneva, sans-serif;} input {font: bold 12px verdana, arial, helvetica, geneva, sans-serif; background-color:#66FFFF; border:outset #00FFFF; color:#000000;}
Images: (Some scripts do not have associated images)