the code is:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head>
<title>Image Slideshow</title>
<link rel=StyleSheet href="slideshow.css" type="text/css" media="screen">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var rotate_delay = 3000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "AutoPlay" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</head>
<BODY BGCOLOR="#000000" background="picts/background-center.jpg" TEXT="#FFFFFF" LINK="#0066FF" VLINK="#0066FF" ALINK="#99CCFF" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0 marginheight=0 marginwidth=0>
<center>
<!-- CONTENT TABLE -->
<TABLE cellpadding=0 cellspacing=0 border=0 width="100%" height="100%"><tr><td ALIGN=center VALIGN=center>
<form name=slideform>
<!-- EDIT THIS AREA TO ADD AND REMOVE PICTURES FROM THE SLIDESHOW -->
<input type=hidden value="gallery/Fgalleryt-1.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-2.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-3.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-4.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-5.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-6.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-7.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-8.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt-9.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt2-1.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt2-2.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt2-3.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt2-4.jpg" name="slide" onChange="change();">
<input type=hidden value="gallery/Fgalleryt2-5.jpg" name="slide" onChange="change();">
<table cellspacing="0" cellpadding="1" border="0"><tr><td align=center height="30">
<span class="slideshowtitle">Tearsheet Slideshow</span>
</td></tr><tr><td align="center" bgcolor="C0C0C0" height="150">
<!-- THE NEXT LINE IS THE STARTING PICTURE -->
<img src="gallery/Fgalleryt-1.jpg" name="show"><br>
</td></tr><tr><td align=center height="50">
<input type=button onClick="first();" value="|<<" title="Beginning" class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
<input type=button onClick="previous();" value="<<" title="Previous" class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
<input type=button value="Close" onClick='self.close()' class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
<input type=button name="slidebutton" onClick="ap(this.value);" value="AutoPlay" title="AutoPlay" class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
<input type=button onClick="next();" value=">>" title="Next" class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
<input type=button onClick="last();" value=">>|" title="End" class="button-popups" onmouseover="this.className='buttonon-popups'" onmouseout="this.className='button-popups'">
</td>
</tr>
</table>
</form>
</td></tr></table>
<!-- CONTENT TABLE -->
</center>
</BODY></HTML>
Thanks,
Teriel