Maren Lochte: Austausch von Grafiken

Hallo,
von euch weiß doch bestimmt jemand, wie ich einen sich ständig wiederholenden Austausch von zwei Grafiken programmieren muss - so wie man es häufig bei Bannerwerbung sieht.

Viiiiielen Dank für Hilfe!!

  1. Hi,

    von euch weiß doch bestimmt jemand, wie ich einen sich ständig wiederholenden Austausch von zwei Grafiken programmieren muss - so wie man es häufig bei Bannerwerbung sieht.

    Soweit ich weiß, sind es bei Bannern häufig animierte Gifs. Die kann eigentlich jedes "bessere" Grafikprogramm erstellen.
    Dazu ein Link: http://www.ulead.com/ga/runme.htm

    Alternativ kannst Du auch ein JavaScript schreiben, was die einzelnen Bilder nacheinander austauscht. Aber: Kein JS - keine Animation.

    Animierte Gifs laufen auch, wenn JS deaktiviert ist.

    Viele Grüße...

    Alex :)

    1. Hi,

      von euch weiß doch bestimmt jemand, wie ich einen sich ständig wiederholenden Austausch von zwei Grafiken programmieren muss - so wie man es häufig bei Bannerwerbung sieht.

      Soweit ich weiß, sind es bei Bannern häufig animierte Gifs. Die kann eigentlich jedes "bessere" Grafikprogramm erstellen.
      Dazu ein Link: http://www.ulead.com/ga/runme.htm

      Alternativ kannst Du auch ein JavaScript schreiben, was die einzelnen Bilder nacheinander austauscht. Aber: Kein JS - keine Animation.

      Animierte Gifs laufen auch, wenn JS deaktiviert ist.

      Viele Grüße...

      Alex :)

      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?

      1. 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...

        1. 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...

          Weiß zwar nicht, was Du mit "Vollquotes" meinst, aber:
          Toll,toll,toll!!! Es klappt! Viiiiiiiiiiiiiiiielen Dank!
          Maren :-D

          1. Weiß zwar nicht, was Du mit "Vollquotes" meinst, aber:
            Toll,toll,toll!!! Es klappt! Viiiiiiiiiiiiiiiielen Dank!
            Maren :-D

            Genau das, was Du eben gemacht hast.
            Ein Qoute ist ein Zitat meines Postings und ein Vollquote ist die komplette Übernahme meines Postings, was ja absolut unnötig ist.

            -->http://learn.to/quote

            Grüße...

            Alex :)

            1. Huuuuuups, sorry, wieder was dazu gelernt. Werde mich bessern ;-)