[HTML] Bilder wechseln

Roosevelt · 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

Anzeige

hacker5 · 16. Mai 2010

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.

Sgt.Sousa · 16. Mai 2010

AW: Bilder wechseln

Bildwechsel nach vorgegebenen Zeitintervallen ?(

Nanobyte · 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>

Roosevelt · 16. Mai 2010

AW: Bilder wechseln

Zitat von Nanobyte: ↑

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>

Klicke in dieses Feld, um es in vollständiger Größe anzuzeigen.

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

Roosevelt

[HTML] Bilder wechseln

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML Bilder wechseln

Nützliche Suchen

[HTML] Bilder wechseln

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML Bilder wechseln