JavaScript onmouseover problem

[thehappyappy]

I've come across a snippet of JavaScript that rotates images randomly. I've tried to modify it so that when I rollover it a mouse over image is shown as well as have a link to another page, but Im not to sure what I'm doing.

The original code was:

 random_num = (Math.round(Math.random()*9));
    document.write("<img src='_random/image_" + random_num + ".jpg' width='91' height='113' hspace='0' vspace='0' border='0'><br />" );

I've modified it to:

 random_num = (Math.round(Math.random()*9));
  document.write("<img src='_random/image_" + random_num + ".jpg'
width='91' height='113' hspace='0' vspace='0' border='0' </br>
onmouseover=\"this.src='_random/image_over_" + random_num + ".jpg'\"</br>" );

but then nothing is showing at all. Also I have no idea how to add links so that a different link is active depending on which image is visible

Thanks

[acoder]

Get rid of the </br> on line 3 and just before the line break on line 4, close the img tag:

onmouseover=\"this.src='_random/image_over_" + random_num + ".jpg'\">