title: How to make images clickable in javascript?
body: <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>