here's a try at a family photo page (hope it works)
<table bgcolor=#dfdfdf border=0 cellpadding=0 cellspacing=0 style="border-top:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;"><tr bgcolor=#aaaaaa><td align=center><font size=1 face="verdana,arial">
Mouse over the arrows to scroll through images. Click a thumbnail to zoom to full-sized image.</font></td></tr><tr><td>
<script language="JavaScript1.2">
//<!--
var sliderwidth=600;
var sliderheight=155;
var slidespeed=8;
var timerDelay=20;
slidebgcolor="#eaeaea";
var animatetime;
var topRow='';
var bottomRow='';
var copyspeed=slidespeed;
var actualwidth='';
var actualheight='';
var cross_slide, ns_slide;
function jNull(){}
function stopanimation(){
window.clearIn
terval(animatetime);
}
function fillup(){
cross_slide=document.getElementById? document.getEl
ementById("slidingGallery") : document.all.s
lidingGallery;
cross_slide.in
nerHTML=leftrightslide;
actualwidth=document.all? cross_slide.of
fsetWidth : document.getEl
ementById("temp").offsetWidth;
if (actualwidth==0) actualwidth=5000;
}
function startslideleft(){
if (cross_slide){
stopanimation();
animatetime=setInterval("slideleft()",timerDelay)
}
}
function startsliderigh
t(){
if (cross_slide){
stopanimation();
animatetime=setInterval("slideright()",timerDelay)
}
}
function slideleft(){
if (parseInt(cross_slide.st
yle.left)>(-actualwidth+sliderwidth)){
cross_slide.st
yle.left=parseInt(cross_slide.st
yle.left)-copyspeed+"px"
}else stopanimation();
}
function slideright(){
if (parseInt(cross_slide.st
yle.left)<0){
cross_slide.st
yle.left=parseInt(cross_slide.st
yle.left)+copyspeed+"px"
}else stopanimation();
}
htmlCode='<table><tr><td align=center><img src="
http://www.villagephotos.com/images/spacer.gif" width=135 height=1>
<a href="javascript:jNull();"><img src="
http://thumbs.villagephotos.com/16035591.jpg" border=0 onclick="scrollGalleryI
mage.src=\'
http://img.villagephotos.com/p/2005-7/1054102/afwefamilypic.jpg\';return false;">[/url]</td><td align=center><img src="
http://www.villagephotos.com/images/spacer.gif" width=135 height=1>
<a href="javascript:jNull();"><img src="
http://thumbs.villagephotos.com/16035590.jpg" border=0 onclick="scrollGalleryI
mage.src=\'
http://img.villagephotos.com/p/2005-7/1054102/Briafamilypic.jpg\';return false;">[/url]</td><td align=center><img src="
http://www.villagephotos.com/images/spacer.gif" width=135 height=1>
<a href="javascript:jNull();"><img src="
http://thumbs.villagephotos.com/16035589.jpg" border=0 onclick="scrollGalleryI
mage.src=\'
http://img.villagephotos.com/p/2005-7/1054102/tiafamilypic.jpg\';return false;">[/url]</td><td align=center><img src="
http://www.villagephotos.com/images/spacer.gif" width=135 height=1>
<a href="javascript:jNull();"><img src="
http://thumbs.villagephotos.com/16035588.jpg" border=0 onclick="scrollGalleryI
mage.src=\'
http://img.villagephotos.com/p/2005-7/1054102/familypic.jpg\';return false;">[/url]</td></tr><tr><td valign=top align=center><font face="verdana,arial" size=2>Image #1</td><td valign=top align=center><font face="verdana,arial" size=2>Image #2</td><td valign=top align=center><font face="verdana,arial" size=2>Image #3</td><td valign=top align=center><font face="verdana,arial" size=2>Image #4</td></tr></table>';
leftrightslide=htmlCode;
document.write('<span id="temp" style="visibility:hidden; position:absolute;top:-10000px;left:-10000px;">'+ htmlCode +'</span>');
with (document){
write('<table border="0" cellspacing="0" cellpadding="0"><tr>');
write('<td bgcolor="#333333" onmouseover="startsliderigh
t();" onmouseout="stopanimation();"><font color=#ffffff face="comic,arial">
<< </font></td>');
write('<td width=' + sliderwidth + '>');
write('<div id="divwrap" style="position:relative;width:'+ sliderwidth +'px;height:'+sliderheight+'px;overflow:hidden;background-color:'+slidebgcolor+';border-top:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;border-left:1px solid #000000;" onMouseover="stopanimation()">');
write('<div id="slidingGallery" style="vertical-align: middle;position:absolute;left:0px;top:0px"></div>');
write('</div>');
write('</td>');
write('<td bgcolor="#333333" onmouseover="startslideleft();" onmouseout="stopanimation();"><font color=#ffffff face="comic,arial">
>> </font></td>');
write('</tr></table>');
}
window.onload=fillup;
//-->
</script>
</td></tr><tr><td align=center><img name="scrollGalleryI
mage" src="
http://img.villagephotos.com/p/2005-7/1054102/afwefamilypic.jpg" border=1 vspace=5 hspace=5></td></tr><tr bgcolor=#aaaaaa><td align=center><font size=1 face=verdana>
Image Hosting and Pure Javascript Scrolling Zoom Gallery by <a href="http://www.villagephotos.com" target="_new">VillagePhotos. com[/url]</font></td></tr></table>