Thumbs to Large Image Display Code

Here's a snippet of code I use on my eBay auctions to save space.
Click here to see it work.

<TABLE  ALIGN="CENTER" border="2" bgcolor="#0099FF" cellpadding="5"CELLSPACING="4" bordercolor="#000000">
<tr>
<TD width="100%" valign="top" bgcolor="#94D6F5">
<div align="center">

<a href="#";
onClick="document.the_pic.src='http://www.YourWebsite.com/img/image1.jpg';return false;"><img
src=http://www.YourWebsite.com/img/image1.jpg height="60" border=1></a>
<a href="#";
onClick="document.the_pic.src='http://www.YourWebsite.com/img/image2.jpg';return false;"><img
src=http://www.YourWebsite.com/img/image2.jpg height="60" border=1></a>
<a href="#";
onClick="document.the_pic.src='http://www.YourWebsite.com/img/image3.jpg';return false;"><img
src=http://www.YourWebsite.com/img/image3.jpg height="60" border=1></a>
<a href="#";
onClick="document.the_pic.src='http://www.YourWebsite.com/img/image4.jpg';return false;"><img
src=http://www.YourWebsite.com/img/image4.jpg height="60" border=1></a><br>
<span align="center"><font="tahoma">Click On A Thumb</font></span>
</div></TD></tr>
<tr>
<TD width="100%" valign="top" bgcolor="#94D6F5"><div align="center">
<IMG src=http://www.YourWebsite.com/img/image1.jpg height="400" width="300" border=1 alt" name="the_pic">
</div></TD></TR>
</TABLE>

HTML:

Play around with the table colors and image sizes to accommodate your requirements.

Here's to Your Success,
Mike

 

Thanks for sharing Mike, good catch.