Here is another look at the way I have it set.
<table width=800 border=0 cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('/pix/1.jpg');"><img src="/pix/1.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/2.jpg');"><img src="/pix/2.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/3.jpg');"><img src="/pix/3.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/4.jpg');"><img src="/pix/4.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/5.jpg');"><img src="/pix/5.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/6.jpg');"><img src="/pix/6.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/7.jpg');"><img src="/pix/7.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/8.jpg');"><img src="/pix/8.jpg" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=8 align=center><img name="mainpic" src="/pix/1.jpg" width=800 height=600 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('/pix/9.jpg');"><img src="/pix/9.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/10.jpg');"><img src="/pix/10.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/11.jpg');"><img src="/pix/11.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/12.jpg');"><img src="/pix/12.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/13.jpg');"><img src="/pix/13.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/14.jpg');"><img src="/pix/14.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/15.jpg');"><img src="/pix/15.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('/pix/16.jpg');"><img src="/pix/16.jpg" width=90 height=60 border=0></a></td>
</tr>
</table>
I have all the images in root directory [pix]