Essentially I have text on the left (sizes) and an image on the right.
When you put your mouse over the text the image needs to change to show the corresponding image to the text.
I know this isn't hard but I just mustn't be using the right search terms to find an example.
Thanks for any help.
With no reply and heaps more searching I have found this which is perfect.
Hope it helps someone else in the future.
function roll(img_name1, img_src1)
document[img_name1].src = img_src1;
<li><a href="1.htm" onmouseover="roll('poster', '1.gif')">111</a>
<li><a href="2.htm" onmouseover="roll('poster', '2.gif')">222</a>
<li><a href="3.htm" onmouseover="roll('poster', '3.gif')">333</a>
<p align="center"><img src="1.gif" name="poster"></p>