Alexander: Austausch von Grafiken

Beitrag lesen

Ja, und wie muss die Programmierung in JavaScript aussehen? Bei Selfhtml finde ich nur den Austausch der Hintergrundfarbe und ich kenne mich leider nicht so gut aus, um das auf nur ein Bild zu übertragen. Kannst Du mir da auch noch helfen?

Hier mal ein kleines Beispiel. Achtung: Die Funktion kann nicht gestoppt werden. Die läuft solange, bis nDu das Fenster schliesst.

<html>
<head>
<title>Animation</title>
<script language="JavaScript">

bild1 = new Image();
   bild1.src = "links.gif";

bild2 = new Image();
   bild2.src = "rechts.gif";

function go(cnt)
 {
   switch(cnt)  {
     case "1":
       window.document.images["ani"].src=bild1.src;
       timer = window.setTimeout("go('2')",100);
       break;
     case "2":
       window.document.images["ani"].src=bild2.src;
       timer = window.setTimeout("go('1')",100);
       break;    }
 }

</script>
</head>
<body onLoad="go('2')">
<img src="links.gif" alt="einfache Animation" name="ani">
</body>
</html>

Du kannst die Einträge auch entsprechend ergänzen. Die Geschwindigkeit "regelst" Du mit der Zahl im Timeout. Jetzt sind es 100 Milisekunden, bis die einzelnen Bilder gewechselt werden.

Viel Spaß...

Alex :)

P.S.: Bitte keine Vollquotes...