i have a thumbnail gallery of pictures on my page. I also have one area where i feature one of the gallery pics in larger format. Imagine a photography website, when a thumb is clicked, the larger pic is populated in the Feature section. Ideally this is all on one HTML page.

See code below.

:::::::::::::::::::::::::::::::


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Untitled Document</title>

</head>

<body>
<table width="770" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="591" align="left" valign="top"><img src="photos/images/raquetball.jpg" width="575" height="383" /></td>
<td valign="top">

<!--Begin Thumbs >>>>>>>>>>>>>>>>>>>>>>>>>>>>-->
<table width="179" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="61" height="59" align="center" valign="top"><img src="photos/images/west-palm-beach-50-up.gif" width="50" height="50" border="0" /></a></td>
<td width="59" height="59" align="center" valign="top"><img src="photos/images/raquetball-50.gif" width="50" height="50" border="0"></td>
<td width="59" height="59" align="center" valign="top"><img src="photos/images/black-dress.gif"width="50" height="50" border="0" /></td>
</tr>
<tr>
<td height="7" align="center" valign="top"> </td>
<td height="7" align="center" valign="top"> </td>
<td height="7" align="center" valign="top"> </td>
</tr>
</table>

<!--End of Thumbs >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>--></td>
</tr>
</table>

</body>
</html>


:::::::::::::::::::::::::::::::