[blessedrub]

I have a question does anyone know how to do the following... Say I have word1,word2,word3 as links on the left but as you rollover them ImageHere changes as you rollover each link How do I do that?

[NeverMind]

yes it's possible
I did this quickly! man, Javascript is easy!

Code:

<script language="javascript">
function changeImage(image_id, new_image, new_width, new_height)
{
    var image = document.getElementById(image_id);

    if (new_width > 0)
        image.width = new_width;

    if (new_height > 0)
    	image.height = new_height;

    image.src = new_image;
}
</script>
<table width="100%">
	<tr>
		<td width="10%" align="center">
		<a href="javascript:void(0);" onmouseover="changeImage('changable', 'button7.jpg', 150, 7);">
		word1</a></td>
		<td width="90%" rowspan="3" align="center">
		<img id="changable" border="0" src="image.jpg" width="334" height="240">
		</td>
	</tr>
	<tr>
		<td width="10%" align="center">
		<a href="javascript:void(0);" onmouseover="changeImage('changable', 'button8.jpg', 150, 7);">
		word2</a></td>
	</tr>
	<tr>
		<td width="10%" align="center">
		<a href="javascript:void(0);" onmouseover="changeImage('changable', 'button4.jpg', 150, 7);">
		word3</a></td>
	</tr>
</table>

I created this changeImage function that will change the image!
you have to pass to the function 4 parameters:
1- the image id that will be changed when hovered over it
2- new image name (path)
3- new width
4- new height
you can ignore the last 2 arguments.

[blessedrub]

Thankyou so much you are the bomb I've been trying to do this forever.