[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. 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. 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. 16. Mai 2010
    AW: Bilder wechseln

    Bildwechsel nach vorgegebenen Zeitintervallen ?(
     
  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. 16. Mai 2010
    AW: Bilder wechseln

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

    Roosevelt
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.