Another Neat Slideshow

Here's another neat slideshow. The advantage is that you can choose to either move through the pictures manually, or press the Auto button for them to cycle automatically. It looks best in Internet Explorer or Netscape 6 but works fine in Netscape and Opera 4.x

Here's the code:

<script language="JavaScript" type="text/javascript">
var slide = new Array();
// list your images here
var slide = new Array();
slide[0] = "ltower.jpg";
slide[1] = "stonehenge.jpg";
slide[2] = "stmarks.jpg";
slide[3] = "liberty.jpg";
slide[4] = "tajmahal.jpg";
// list the titles of your images here
var title = new Array();
title[0] = "Leaning Tower of Pisa";
title[1] = "Stonehenge";
title[2] = "St Mark's Square";
title[3] = "Statue of Liberty";
title[4] = "The Taj Mahal"
var current = 0;
var aptemp=0;
var status=1;
function next(){
current++;
if(slide[current]){document.images.show.src = slide[current];
document.slideshow.title.value=title[current]}}
function last(){
current--;
if(slide[current]){document.images.show.src = slide[current];
document.slideshow.title.value=title[current]}}
function ap(){
if(aptemp==0){document.slideshow.aplay.value="Stop";aptemp=1;status=1;rotate();}
else{aptemp=0;status=0;document.slideshow.aplay.value="Auto";}}
function rotate() {
if(status!=0){
if(current==slide.length-1){current=0}
else{current++;}
document.images.show.src=slide[current];
document.slideshow.title.value=title[current];
// set the time delay between automatic rotation of images here (in milliseconds)
window.setTimeout("rotate()", 5000);}}
</script>

<form name="slideshow" id="slideshow">
<table border="5" cellpadding="0" align="center" cellspacing="0" valign="middle">
<tr><td colspan="3" align="center" bgcolor="#00CCFF">

<b>Landmarks</b></td></tr>
<tr>
<td colspan="3" align="center" bgcolor="#00CCFF">

<img src="ltower.jpg" name="show" width="240" height="160" border="0" alt=""></td>
</tr>
<tr><td colspan=3 align=center bgcolor="#00CCFF">

<input type="text" name="title" id="title" value="Leaning Tower of Pisa" size="24" style="text-align:center; border:0; background-color:#00CCFF">
</td></tr><tr><td align=center bgcolor="#00CCFF" height=30 width="33%">
<input type="button" name="back" id="back" value="<< <<" onClick="last();">
</td><td align=center bgcolor="#00CCFF" height=30 width="34%">
<input type="button" name="aplay" id="aplay" value="Auto" onClick="ap();">
</td><td align=center bgcolor="#00CCFF" height=30 width="33%">
<input type="button" name="fwd" id="fwd" value=">> >>" onClick="next();">
</td>
</tr>
</table>
</form>

Landmarks