How to make images clickable in javascript?
<p>I recently setup custom rotational banners on my blogger using this code I come across but I can't seem to figure out how to make the images clickable to link to the homepage.
Any help would be much appreciated.</p>

<p>Heres the code:</p>

<pre><code>&lt;script type='text/javascript'&gt;
var HeaderImage= new Array()

HeaderImage[0]=&amp;quot;http://Example1.png&amp;quot;
HeaderImage[1]=&amp;quot;http://Example2.png&amp;quot;
HeaderImage[2]=&amp;quot;http://Example3.png&amp;quot;
HeaderImage[3]=&amp;quot;http://Example4.png&amp;quot;
HeaderImage[4]=&amp;quot;http://Example5.gif&amp;quot;
HeaderImage[5]=&amp;quot;http://Example6.png&amp;quot;
HeaderImage[6]=&amp;quot;http://Example7.png&amp;quot;
var random=Math.round(6*Math.random());

document.write(&amp;quot;&lt;style&gt;&amp;quot;);
document.write(&amp;quot;#header {&amp;quot;);
document.write(&amp;#39; background:url(&amp;quot;&amp;#39; + HeaderImage[random] + &amp;#39;&amp;quot;) no-repeat left TOP;&amp;#39;);
document.write(&amp;quot; }&amp;quot;);
document.write(&amp;quot;&lt;/style&gt;&amp;quot;);

&lt;/script&gt;
</code></pre>

<p>Its working now guys.
I just wasn't sure exactly where to put the tags everyone was teling me.
Thanks very much for all your help.</p>
