Ankündigung

Einklappen
Keine Ankündigung bisher.

automatischer Bildwechsel

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • automatischer Bildwechsel

    Hallo,

    ich hatte gestern so eine gute Idee für ein Design.. aber es scheitert ein wenig an der Umsetzung =/
    In dem Design befinden sich drei Fotos und ich möchte gern, dass sich die drei Fotos ändern..
    Hier das Design, damit ihr euch das vorstellen könnt:
    http://img5.imagebanana.com/img/lw61...rf_18_menu.jpg

    Jetzt hab ich im Internet schon einige Codes gefunden, für einen automatischen Bildwechsel.. aber die sind alle nur für ein Bild, und bei mir müssten sich ja drei Bilder gleichzeitig wechseln, aber jeweils drei verschiedene..

    Ich hätte einen Code jetzt umgeschrieben für meine Variante:
    Code:
    <script language="JavaScript" type="text/JavaScript">
    
    var bilder1 = new Array();
    var bilder2 = new Array();
    var bilder3 = new Array();
    
    bilder1[0] = "Bilder1/1.jpg";
    bilder1[1] = "Bilder1/2.jpg";
    bilder1[2] = "Bilder1/3.jpg";
    bilder1[3] = "Bilder1/4.jpg";
    bilder1[4] = "Bilder1/5.jpg";
    bilder1[5] = "Bilder1/6.jpg";
    bilder1[6] = "Bilder1/7.jpg";
    bilder1[7] = "Bilder1/8.jpg";
    
    
    bilder2[0] = "Bilder2/1.jpg";
    bilder2[1] = "Bilder2/2.jpg";
    bilder2[2] = "Bilder2/3.jpg";
    bilder2[3] = "Bilder2/4.jpg";
    bilder2[4] = "Bilder2/5.jpg";
    bilder2[5] = "Bilder2/6.jpg";
    bilder2[6] = "Bilder2/7.jpg";
    bilder2[7] = "Bilder2/8.jpg";
    
    
    bilder3[0] = "Bilder3/1.jpg";
    bilder3[1] = "Bilder3/2.jpg";
    bilder3[2] = "Bilder3/3.jpg";
    bilder3[3] = "Bilder3/4.jpg";
    bilder3[4] = "Bilder3/5.jpg";
    bilder3[5] = "Bilder3/6.jpg";
    bilder3[6] = "Bilder3/7.jpg";
    bilder3[7] = "Bilder3/8.jpg";
    
    
    
    var timer = 10000; <!--Millisekunden-->
    var arraylaenge1 = bilder1.length;
    var arraylaenge2 = bilder2.length;
    var arraylaenge3 = bilder3.length;
    var index1 = Math.floor(Math.random() * arraylaenge1);
    var index2 = Math.floor(Math.random() * arraylaenge2);
    var index3 = Math.floor(Math.random() * arraylaenge3);
    
    var Bildstring1 = '<img src="' + bilder1[index1] + '">';
    var Bildstring2 = '<img src="' + bilder2[index2] + '">'
    var Bildstring3 = '<img src="' + bilder3[index3] + '">'
    
    function Bildwechsel () {
        if (index1 == arraylaenge1-1) {
            index1 = 0;
        } else {
            index1++;
        }
        if (index2 == arraylaenge2-1) {
        index2 = 0;
        } else {
        index2++;
        }
        if (index3 == arraylaenge3-1) {
        index3 = 0;
        } else {
        index3++;
        }
    
    
        Bildstring1 = '<img src="' + bilder1[index1] + '">';
        Bildstring2 = '<img src="' + bilder2[index2] + '">';
        Bildstring3 = '<img src="' + bilder3[index3] + '">';
        document.all.Bild1.innerHTML = Bildstring1;
        document.all.Bild2.innerHTML = Bildstring2;
        document.all.Bild3.innerHTML = Bildstring3;
        setTimeout("Bildwechsel1()", timer);
        setTimeout("Bildwechsel2()", timer);
        setTimeout("Bildwechsel3()", timer);
    }
    
    function Bildanzeige () {
    document.all.Bild1.innerHTML = Bildstring1;
    document.all.Bild2.innerHTML = Bildstring2;
    document.all.Bild3.innerHTML = Bildstring3;
    Bildwechsel();
    }
    </script>
    Aber dann hab ich gelesen, dass der sowieso nicht im FireFox funktioniert und die Bilder wechseln irg.wie auch nicht -> http://amazing-paws.at/test/home.htm

    Hätte jemand von euch einen Code, der für 3 Bilder gleichzeitig geht?

    lg Lisa
    Amazing Paws

  • #2
    AW: automatischer Bildwechsel

    Hi,

    schau mal nach "Slideshow".

    Hier mein Fund auf die Schnelle:

    http://www.bretteleben.de/lang-de/ja...slideshow.html
    Mein Versuch der Internetseitenerstellung: sigpicseiten.de

    Mein aktuelles Projekt: barrierefrei.idealseiten.de/

    Kommentar


    • #3
      AW: automatischer Bildwechsel

      Naja aber da ist ja so ein Start Knopf und so dabei.. und das kann ich bei mir im Design ja nicht gebrauchen =/

      Funktioniert irg.wie nicht wenn ichs bei mir einbau..

      Ich habs jetzt geschafft, aber irg.wie bewegt sich nur das obere, findet jemand den fehler ? =/

      http://amazing-paws.at/test/home.htm
      Zuletzt geändert von Tamira; 19.10.2010, 22:59. Grund: Doppelposting
      Amazing Paws

      Kommentar


      • #4
        AW: automatischer Bildwechsel

        Hallo,

        bei mir (Firefox 3.6.11) wechseln alle drei Bilder. Nur dass die unteren beiden etwas später mit dem Wechsel beginnen.

        Gruß, Marco
        Deutsches Asterix Archiv
        http://www.comedix.de/

        Kommentar


        • #5
          AW: automatischer Bildwechsel

          Hi,

          also genau das selbe konnte ich auch mit dem IE7+8, Safari, Opera und Chrome feststellen. Ist es denn das was Du wolltest? +phpbb_coo
          Mein Versuch der Internetseitenerstellung: sigpicseiten.de

          Mein aktuelles Projekt: barrierefrei.idealseiten.de/

          Kommentar


          • #6
            AW: automatischer Bildwechsel

            Ja ich hab gestern die ganze Zeit noch herumprobiert und so..

            jetzt funktionierts (:
            und es ist gewollt das alle zu einer anderen Zeit wechseln
            Amazing Paws

            Kommentar

            homepage-forum.de - Hilfe für Webmaster! Statistiken

            Einklappen

            Themen: 56.857   Beiträge: 430.634   Mitglieder: 28.604   Aktive Mitglieder: 39
            Willkommen an unser neuestes Mitglied, Christian_Hansen.

            Online-Benutzer

            Einklappen

            204 Benutzer sind jetzt online. Registrierte Benutzer: 4, Gäste: 200.

            Mit 3.502 Benutzern waren am 23.01.2020 um 17:20 die meisten Benutzer gleichzeitig online.

            Die neuesten Themen

            Einklappen

            Die neuesten Beiträge

            Einklappen

            Lädt...
            X