Image help?

[Zyeox]

I am wondering how I could do this on my web page. i have a group of images on my page that go around the center of the page where I want the user when they click on one of the thumbnails in the center of the page the image shows. I have all the images I need but i have no clue on how to write up the code. Any help would be great appericated.

Here is the link so u can get the idea. I havent made the thumbnails clickable or anything yet. I could make a dupiclate page to match what they click on but that is really not necessary I think. The picture in the middle with the white border is where I want the image to be displayed after u click the thumbnails on the left, right or bottom. Thanks!!

http://wraiths1.com/newrealm/home.html

[welshsteve]

I'm no expert on iframes (inline frame), but you could have the main viewer as an iframe and target each link to display in that frame. Not sure if the scrolling attribute works or not.


<table border="0">
<tr>
<td><a href="image1.jpg" target="viewer"><img src="image1.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td rowspan="5" colspan="5">
<iframe src="image1.jpg" title="Image Viewer" name="viewer" scrolling="no" height="500" width="600"></iframe>
</td>
</tr>
<tr>
<td><a href="image2.jpg" target="viewer"><img src="image2.jpg" width="60" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td><a href="image3.jpg" target="viewer"><img src="image3.jpg" width="60" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td><a href="image4.jpg" target="viewer"><img src="image4.jpg" width="60" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td><a href="image5.jpg" target="viewer"><img src="image5.jpg" width="60" height="50" border="0" alt="" /></a></td>
</tr>
<tr>
<td><a href="image6.jpg" target="viewer"><img src="image6.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td><a href="image7.jpg" target="viewer"><img src="image7.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td><a href="image8.jpg" target="viewer"><img src="image8.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td><a href="image9.jpg" target="viewer"><img src="image9.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td><a href="image10.jpg" target="viewer"><img src="image10.jpg" width="60" height="50" border="0" alt="" /></a></td>
<td><a href="image11.jpg" target="viewer"><img src="image11.jpg" width="60" height="50" border="0" alt="" /></a></td>
</tr>
</table>