Kein Genie: Bild Changer

Hi,

ich habe auf meiner Webseite einen kleinen Bereich von 100px mal 100px.
Außerdem habe ich auf meiner Webseite so ca 50 verschiedene Bilder.
Jetzt würde ich gerne, dass alle 10 - 20 Sekunden ein neues Bild in diesem Bereich erscheint.
Ich weiß, das dies mit Javascript zuverwirklichen ist, leider habe ich von Javascript nicht so viel Ahnung das ich es umsetzten kann.
Daher brauche ich eure Hilfe, wie kann ich es am besten umsetzten?

Malte

Danke

  1. Ich habe es mal so versucht:

      
    <script language="JavaScript">  
    <!--  
    var aktiv = window.setInterval("bild()", 1000);  
    var i = 0, bild = 1;  
    bild.src = "images/img_1.jpg";  
    Zweitbild.src = "imnages/img_6.jpg";  
    function bild () {  
      if (bild == 1) {  
        document.images[0].src = bild.src;  
        bild = 2;  
      } else {  
        document.images[0].src = Zweitbild.src;  
        bild = 1;  
      }  
      i = i + 1;  
      if (i >= 10)  
        window.clearInterval(aktiv);  
    }  
    //-->  
    </script>  
    
    

    Leider ist nicht viel passiert, genauer gesagt gar nichts, kann mir vielleicht einer sagen warum nicht?

    Danke

    1. Liebes Kein-Genie,

      <script language="JavaScript">

      das sollte type="text/javascript" lauten! Und spätestens jetzt wird klar, dass Dein Posting unter einem falschen Thema gelandet ist: Es handelt sich keinesfalls um Java, sondern um Javascript.

      <!--

      ~~~javascript
      | var aktiv = window.setInterval("bild()", 1000);  
      Diese Zeile würde ich am Ende notieren. Da sind dann alle Variablen und Funktionen definiert.  
      
      > var i = 0, bild = 1;  
      > bild.src = "images/img_1.jpg";  
      > Zweitbild.src = "imnages/img_6.jpg";  
      
      Die Variable "Zweitbild" existiert noch nicht. Also kannst Du ihr auch keine Eigenschaft "src" zuweisen.  
      
      > function bild () {  
      
      Aha. Jetzt wird die Variable "bild" mit einem neuen Inhalt (einer Funktion) gefüllt.  
      
      >   if (bild == 1) {  
      
      Diese Bedingung kann niemals erfüllt werden, denn bild hat nicht den Wert 1, sondern den Inhalt einer ganzen Funktion.  
      
      >     document.images[0].src = bild.src;  
      >     bild = 2;  
      >   } else {  
      >     document.images[0].src = Zweitbild.src;  
      >     bild = 1;  
      >   }  
      >   i = i + 1;  
      >   if (i >= 10)  
      >     window.clearInterval(aktiv);  
      > }
      
      

      |~~~html //-->

      </script>

        
      
      > Leider ist nicht viel passiert, genauer gesagt gar nichts, kann mir vielleicht einer sagen warum nicht?  
      
      Es ist nichts passiert? Na, dann sei doch froh! Es passieren genügend schlimme Dinge heutzutage. Im Ernst: Du hast das Script nicht zufällig mit dem Internet-Explorer ausprobiert? Der hilft Dir nicht weiter. Dessen Fehlermeldungen sagen soviel aus, wie ein auf dem Misthaufen krähender Hahn! Solltest Du dagegen in einem sinnvollen Browser (Opera oder Firefox/Mozilla) testen, dann lohnt sich ein Blick in die Javascript-Konsole. Die dort ausgegebenen Meldungen sind sehr aussagekräftig!  
        
      Liebe Grüße aus [Ellwangen](http://www.ellwangen.de/),  
        
      Felix Riesterer.
      
  2. Hallo,

    Ich habe folgenden Code:

    offensichtlich hast Du nicht diesen Code :-)
    Vergleiche bitte:

    if (bildC == 1)

      
    mit Deiner Fehlermeldung:  
      
    
    > Quelltext:  
    >           if(bild == 1)  
      
      
    Freundliche Grüße  
      
    Vinzenz