Random image with link on load, without loading them all
<p>I do not want all of the images to load, only the one randomly chosen image. I cannot figure out if the other images are hidden but loading in the background. Each image needs a hyperlink attached.</p>

<pre><code>&lt;SCRIPT LANGUAGE="Javascript"&gt;
function banner() { } ; b = new banner() ; n = 0
b[n++]= "&lt;a href='#'&gt;&lt;img src='main_theme/top_gallery/gallery1.jpg' /&gt;&lt;/a&gt;"
b[n++]= "&lt;a href='#'&gt;&lt;img src='main_theme/top_gallery/gallery2.jpg' /&gt;&lt;/a&gt;"
b[n++]= "&lt;a href='#'&gt;&lt;img src='main_theme/top_gallery/gallery3.jpg' /&gt;&lt;/a&gt;"
b[n++]= "&lt;a href='#'&gt;&lt;img src='main_theme/top_gallery/gallery4.jpg' /&gt;&lt;/a&gt;"
b[n++]= "&lt;a href='#'&gt;&lt;img src='main_theme/top_gallery/gallery5.jpg' /&gt;&lt;/a&gt;"
i=Math.floor(Math.random() * n) ; 
document.write( b[i] )
&lt;/SCRIPT&gt;
</code></pre>
