<!-- THUMBNAIL PHOTO ALBUM --> <!-- This goes into the HEAD of the HTML file --> <script language="JavaScript" type="text/javascript"> <!-- Copyright 2003, Sandeep Gangadharan --> <!-- For more free scripts go to http://sivamdesign.com/ --> <!-- var photos=new Array(); photos[0]="img_1.gif" // change the names of the images in this array to suit your needs photos[1]="img_2.gif" photos[2]="img_3.gif" photos[3]="img_4.gif" photos[4]="img_5.gif" var message=new Array(); message[0]="1. Type in your own comments here." message[1]="2. Type in your own comments here." message[2]="3. Type in your own comments here." message[3]="4. Type in your own comments here." message[4]="5. Type in your own comments here." preload=new Image(400,264); preload.src="img_1.gif"; preload.src="img_2.gif"; preload.src="img_3.gif"; preload.src="img_4.gif"; preload.src="img_5.gif"; function showImg(photo) { document.change.slides.src; document.change.explain.value } //--> </script> </head> <!-- Note the script in the BODY tag --> <body alink="#000000" vlink="#000000" onLoad="document.change.slides.src=photos[0]; document.change.explain.value=message[0];"> <!-- This goes into the BODY of the html file --> <table border="4" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="3" align="center" height="30" bgcolor="#ffff00"> <font size="4" face="verdana, arial, helvetica, sans-serif" color="#000000"> ~ Thumbnail Photo Album ~ </font> </td> </tr> <tr> <td width"100"> <a href="javascript:showImg(document.change.slides.src=photos[0], document.change.explain.value=message[0])"><img src="photos/me_beach_s.jpg" border="1" width="100" height="64" alt="At the beach" /></a><br /> <a href="javascript:showImg(document.change.slides.src=photos[1], document.change.explain.value=message[1])"><img src="photos/us_s.jpg" border="1" width="100" height="64" alt="On my brothers 5th birthday!" /></a><br /> <a href="javascript:showImg(document.change.slides.src=photos[2], document.change.explain.value=message[2])"><img src="photos/dee_park_s.jpg" border="1" width="100" height="64" alt="My brother" /></a><br /> <a href="javascript:showImg(document.change.slides.src=photos[3], document.change.explain.value=message[3])"><img src="photos/parents_s.jpg" border="1" width="100" height="64" alt="My parents" /></a><br /> <a href="javascript:showImg(document.change.slides.src=photos[4], document.change.explain.value=message[4])"><img src="photos/me_car_s.jpg" border="1" width="100" height="64" alt="With the car at the beach" /></a><br /> </td> <td align="center" valign="middle" width="430"> <form name="change"> <img src="" width="400" height="255" name="slides" /><br /> <textarea name="explain" rows="2" cols="50" wrap="virtual" style="text-align: left; background-color: #ffffff; color: #000000; font-size: 10pt; font-family: ms sans serif, helvetica, sans-serif; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-track-color: #ffffff; scrollbar-darkshadow-color: #ffffff; border-right: #ffffff 0px; border-top: #ffffff 3px solid; border-left: #ffffff 10px solid; border-bottom: #ffffff 3px solid"></textarea> </form> </td> </tr> <tr> <td colspan="3" align="center" height="20" bgcolor="#ffff00"> <font size="1" face="verdana, arial, helvetica, sans-serif" color="#000000"> Copyright &copy; 2003 <b>Sandeep Gangadharan</b>. All rights reserved. </font> </td> </tr> </table>