tysk: Bannerrotation

Hallo, ich habe folgendes Skript gefunden (Vielen Dank an tutorials.de!) und würde gerne wissen, wie ich es umgestalten muss bzw. erweitern, damit auch die zu den jeweiligen Images externen URLs mitangegeben werden, z.B. Link von image 1 hat den Wert http://www.test.net :

<!--
  var nummer;
  var pic = new Array();
   pic[0]=new Image();
   pic[0].src="banner1.gif";
   pic[1]=new Image();
   pic[1].src="banner2.gif";
   pic[2]=new Image();
   pic[2].src="banner3.gif";
   pic[3]=new Image();
   pic[3].src="banner4.gif";
   pic[4]=new Image();
   pic[4].src="banner5.gif";
   pic[5]=new Image();
   pic[5].src="banner6.gif";

function zufall() {
  nummer = Math.floor(Math.random()*6);
  document.banner.src = pic[nummer].src;
  window.setTimeout("zufall()",1000);
  }
//-->

<html>
<head>
<title>Random Banner</title>
<script language="javascript" type="text/javascript" src="random.js"></script>
</head>
<body onLoad="zufall()" bgcolor="#cccccc" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="banner1.gif" width="25" height="25" name="banner" border="0">
</body>
</html>

Danke für Eure Hilfe!
tysk

  1. Hallo, ich habe folgendes Skript gefunden (Vielen Dank an tutorials.de!) und würde gerne wissen, wie ich es umgestalten muss bzw. erweitern, damit auch die zu den jeweiligen Images externen URLs mitangegeben werden, z.B. Link von image 1 hat den Wert http://www.test.net :

    Du brauchst einen Link, getElementById(), und die DOM-Methoden (z.B. setAttribute()), oder altertümlichen Zugriff über die links-Collection. Alles zu finden im selfHTML.

    Sollten Dir Grundlagen der Programmierung fehlen, wie Bedingungen, Schleifen und Datentypen, dann ändere dies.

    1. Hallo und vielen Dank,

      ich habe dies nun so gelöst und hätte gerne gewusst, ob das so auch optimal gelöst ist oder noch etwas optimiert werden kann?

      Zumindest funkitoniert es schon einmal so, wie ich es mir vorgestellt habe...

      <script language="Javascript">
      <!--
        var nummer;
        var pic = new Array();
         pic[0]=new Image();
         pic[0].src="1.gif";
         pic[1]=new Image();
         pic[1].src="2.gif";
         pic[2]=new Image();
         pic[2].src="3.jpg";
         pic[3]=new Image();
         pic[3].src="4.gif";
         pic[4]=new Image();
         pic[4].src="5.gif";

      var ext = new Array();
         ext[0]=new Object();
         ext[0].src="http://www.1.de";
         ext[1]=new Object();
         ext[1].src="2.htm";
         ext[2]=new Object();
         ext[2].src="http://www.3.de";
         ext[3]=new Object();
         ext[3].src="http://www.4.de";
         ext[4]=new Object();
         ext[4].src="http://www.5.com";

      function zufall() {
        nummer = Math.floor(Math.random()*5);
        document.banner.src = pic[nummer].src;
        document.all.extern.setAttribute("href",ext[nummer].src);

      window.setTimeout("zufall()",5000);
        }
      //-->
      </script>

      <body onload=javascript:test();...>

      <a id="extern" href=......>