<table border="0" cellpadding="0"> <caption><strong>Kevin's pet dog</strong></caption> <tr> <td width="100%"><img src="plane1.gif" width="400" height="264" name="photoslider"></td> </tr> <tr> <td width="100%"><form method="POST" name="rotater"> <div align="center"><center><p> <script language="JavaScript1.1"> /* Photo Slider II- By Kevin Adams (kadams@kyk.net) For this script and more Visit http://www.javascriptkit.com */ var photos=new Array() var text=new Array() var which=0 var what=0 //Change the below variables to reference your own images. You may have as many images in the slider as you wish photos[0]="plane1.gif" photos[1]="plane2.gif" photos[2]="plane3.gif" photos[3]="plane4.gif" photos[4]="plane5.gif" //change coresponding description text[0]="B2 Stealth Bomber" text[1]="F15 Tom Cat!" text[2]="Russian Su27 Fighter Jet" text[3]="Some training jet." text[4]="Commerical Airliner" window.onload=new Function("document.rotater.description.value=text[0]") function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which]; what-- document.rotater.description.value=text[what]; } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] what++ document.rotater.description.value=text[what]; } else window.status='End of gallery' } function type() { alert("This textbox will only display default comments") } </script> <p><input type=text name="description" style="width:400px" size=50> <p><input type="button" value="<<Back" name="B2" onClick="backward()"> <input type="button" value="Next>>" name="B1" onClick="forward()"><br /> <a href="#" onClick="which=1;what=1;backward();return false">Start Over</a></p> </center></div> </form> </td> </tr> </table>