Countdown mit Bildern statt Zahlen - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Countdown mit Bildern statt Zahlen

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Countdown mit Bildern statt Zahlen

Pages: [1]

geschrieben von SammysLover am 21.07.2006 - 16:45

Ist es möglich ein Countdown-Script zu erstellen, bei dem statt den Zahlen Bilder kommen?
Danke im Vorraus
SammysLover

geschrieben von Micha am 21.07.2006 - 16:58

Hi,

ja, das ist möglich. Deine Frage ist damit beantwortet?

Micha

geschrieben von SammysLover am 21.07.2006 - 17:09

ich hab mir schon fast gedacht, dass so eine antwort kommt (und eigentlich ist sie auch berechtigt

).
Meine eigentliche Frage ändere ich hiermit auf: "Wie kann man einen Countdown mit Bildern machen?" bzw. "Was muss ich bei den bestehenden Countdowscripten ändern um das zu erreichen?"
lg SammysLover

geschrieben von Micha am 21.07.2006 - 17:43

Hallo,

Du vermutest schon, das ich mit: "Welches bestehenden Script?" antworte, oder? ;)

Aus dem Bauch heaus, da Du wenig Details lieferst.

Speichere die Bilder in einem Array weg. Dazu bietet sich das Image-Objekt an:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17:

var CountdownPicture =  new Array();
CountdownPicture[0] = new Image(300,350);
CountdownPicture[0].src = "img/meinImg1.png"
CountdownPicture[0].alt = "Erstes Bild";
//weiter Eigenschaften

CountdownPicture[1] = new Image(120,310);
CountdownPicture[1].src = "img/meinImg2.png"
CountdownPicture[1].alt = "Zweites Bild";
//weiter Eigenschaften

CountdownPicture[2] = new Image(120,110);
CountdownPicture[2].src = "img/meinImg3.png"
CountdownPicture[2].alt = "Zweites Bild";
//weiter Eigenschaften

...

Die Anzahl der Bilder muss dem wert entsprechen, den der Countdown am Anfang hat. Zählst Du von 10 auf 0 runter, so sind 11 Bilder nötig. Mit diesem Index - 10, 9,8,...,2,1,0 - greifst Du auf Dein Array zu:

HTML-Quelltext

1: 
2: 
3: 
4:

CountdownPicture[<WertDesmomentanenCounters>].width;
CountdownPicture[<WertDesmomentanenCounters>].height;
CountdownPicture[<WertDesmomentanenCounters>].alt;
CountdownPicture[<WertDesmomentanenCounters>].src

Micha

geschrieben von SammysLover am 21.07.2006 - 19:29

danke.