Here is a java script that works. to see it in action www.arttel.co.nz (toms page in the about section)
<!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>