Image gallery using table Options

[uxk8396]

Hi,
I am making an image gallery using table. There is a row of 3 thumbnails below the big main image table
I want to click on each thumbnail so that the big image pops up in the larger area table above.
I am not sure how to link each thumbnail so that it will be viewable as a larger image at the top.

I created a big picture page.html for each bigger version image, but this is too much work and they would not show on the same page as the thumbnail images.
Please advise.

<div id="middleTop">

<table width="456" height="300" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td width="392" height="124" align="center"><div align="center"> <img src="images/picture" /></a></div></td>

</tr>
</table>
<div id="middle">

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="130"><div align="center"><a href="bigPicPage10.html"><img src="images/sm_10.jpg" /></a></div></td>
<td width="130"><div align="center"><a href="bigPicPage11.html"><img src="images/sm_11.jpg" /></a></div></td>
<td width="130"><div align="center"><a href="bigPicPage12.html"><img src="images/sm_12.jpg" /></a></div></td>
</tr>
</table>
</div>

[Darin McGrew]

I created a big picture page.html for each bigger version image, but this is too much work

There are ways to automate the process.

and they would not show on the same page as the thumbnail images.

You can generate big picture page.html documents that include the linked thumbnail images. It isn't fancy, but my photo gallery uses this approach.

[Frederiek]

You could also take a look at the many exemples at http://www.cssplay.co.uk/menu/.