HTML kode til Bannerrotation

F.eks.

<script type="text/javascript">
var banners = ["banner1.jpg","banner2.jpg","banner3.jpg","banner4.jpg","banner5.jpg"];
window.onload = function(){
  document.getElementById("banner").setAttribute("src", banners[Math.floor(Math.random()*banners.length)]);
}
</script>

Hmm jeg har ændret banner1.jpg og intet andet til et link hvor billedet er.. Men der kommer intet frem.. Desuden skal man også kunne klikke på den

Det kan f.eks. gøres sådan:

<img id="bannerImg" src="defaultBanner.jpg" style="cursor:pointer;height:120px;width:648px;">

-- og så sådan et script:

<script type="text/javascript">
var banners = ["http://www.eksperten.dk/img/elogo.png","banner2.jpg","banner3.jpg","banner4.jpg","banner5.jpg"];
var bannerLinks = ["http://www.eksperten.dk/", "http://www.nogetAndet.dk/", "http://www.nogetTredje.dk/", "http://www.nogetFjerde.dk/", "http://www.nogetFemte.dk/"];
window.onload = function(){
  var rnd = Math.floor(Math.random()*banners.length);
  var pic = document.getElementById("bannerImg");
  pic.setAttribute("src", banners[rnd])
  pic.onclick = function(){window.open(bannerLinks[rnd],"_blank");};
}
</script>