Home/ Questions/Q 7498385
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T19:27:33+00:00

I recently setup custom rotational banners on my blogger using this code I come

  • 0

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.

Heres the code:

<script type='text/javascript'>
var HeaderImage= new Array()

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

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

</script>

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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This code has issues with &quot instead of ". But aside from that, what this code is doing is setting the background image for an object with id="header". To make that object clickable, you can surround the header object with an <a> tag. For example, if the header object was a div, then you would use something like this:

    <a href="xxx"><div id="header"></a></a>

    If there’s some reason why you don’t want to use a link to make the area clickable (which is the simplest way to do it), then you could also use javascript like this:

    document.getElementById("header").onclick = function() {
    window.location = "http://my.example.com";
}

    This would either be placed after the page HTML (so the object in question is already loaded when this code runs).

    If you show us the actual HTML that includes the header object, we could be more specific about how to make it clickable.

    From reviewing your HTML, if you want to make it clickable with just your HTML, you can change this part of your HTML:

    <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='true' title='Mum4d.com (Header)' type='Header'/>
</b:section>

    to this (which just surrounds it with an <a> tag:

    <a href="http://my.example.com">
    <b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
        <b:widget id='Header1' locked='true' title='Mum4d.com (Header)' type='Header'/>
    </b:section>
</a>
    • 0