[HTML] Bilder wechseln

Dieses Thema im Forum "Webdesign" wurde erstellt von Roosevelt, 16. Mai 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. #1 16. Mai 2010
    Bilder wechseln

    Hi!

    Ich suche für eine Einladung einen kurzen Code, der mir 4 Bilder durchwechselt.
    Also alle 5 Sek ein neues Bild und dann wieder das erste....


    Danke schon Mal.

    BW ist drin.
    Roosevelt
     
  2. #2 16. Mai 2010
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Bilder wechseln

    Ich suche einen Coder

    Da ist deine Anfrage wohl eher besser aufgehoben. Wenn du JS beherschst, kannst du es selber machen.


    Du erstellst ein Array. Fragst dann erstmal kurz ab ob der Array am Ende ist wenn wird der counter zurückgesetzt wenn nicht wird normal weiter gezählt.
    Nachdem das Bild angezeigt wurde wird der counter um eins erhöht.

    Das ganze mit einem setInterval verknüpfen und den Timer auf 5sek setzen.
     
  3. #3 16. Mai 2010
    AW: Bilder wechseln

    Bildwechsel nach vorgegebenen Zeitintervallen ?(
     
  4. #4 16. Mai 2010
    AW: Bilder wechseln

    Fail!
    Dort möchte der Beitrag Ersteller einen Wechsel für jede Stunde!
    Die Lösung wurde ihm in PHP gegeben!


    BackToTopic:

    Ohne Framework:
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="content-type" content="text/html;charset=UTF-8"/>
     
     <!-- Inline Javascript -->
     <script type="text/javascript">
     var imageChangerImgArray = ['img_1.jpg', 'img_2.jpg', 'img_3.jpg']; // Array mit Bildern
     var imageChangerDir = 'images/'; // Verzeichnis mit Bildern
     var imageChangerTime = 5000; // Zeit in Millisekunden
     var imageChangerPos = 0; // Position des Zeigers
     
     function imageChanger(){
     if(imageChangerPos==imageChangerImgArray.length-1) imageChangerPos = -1;
     imageChangerPos++;
     document.getElementById('img-changer').getElementsByTagName('img')[0].src = imageChangerDir+imageChangerImgArray[imageChangerPos];
     }
     
     
     setInterval(imageChanger, imageChangerTime);
     </script>
    
     <title>Image Interval Change</title>
     </head>
    
     <body>
     
     <div id="img-changer">
     <img src="images/img_1.jpg" alt="Bild"/>
     </div>
     
     </body>
    
    </html>
     
  5. #5 16. Mai 2010
    AW: Bilder wechseln

    super, klappt 1a.
    vielen dank.
    bw raus.

    Roosevelt
     

  6. Videos zum Thema
    Video Script
Die Seite wird geladen...

Ähnliche Themen mit den Stichworten: HTML Bilder wechseln

  1. [HTML] lightbox2 Bilder-Gallerie
    dutziman, 24. August 2010 , im Forum: Webdesign
    Antworten:
    6
    Aufrufe:
    1.175
  2. [HTML] 2 Hintergrundbilder + 1 Hintergrundfarbe
    Mirak, 11. August 2010 , im Forum: Webdesign
    Antworten:
    22
    Aufrufe:
    1.822
  3. Antworten:
    5
    Aufrufe:
    821
  4. [HTML] [JS] Img-Slider mit kleinen äußeren Bildern
    °EraZoR°, 5. Februar 2010 , im Forum: Webdesign
    Antworten:
    2
    Aufrufe:
    812
  5. [HTML] 2 Hintergrundbilder
    Mirak, 29. Oktober 2009 , im Forum: Webdesign
    Antworten:
    2
    Aufrufe:
    517