Seite 1 von 1

JS Countdown grafisch formatieren

Verfasst: 12.07.2010 15:57
von TLoD
Hallo Gemeinde,

ich habe einen JS Countdown auf meiner Seite laufen und möchte nun statt den geschriebenen Wörtern "Tage - Tag" "Stunden - Stunde" "Minuten - Minute" "Sekunden- Sekunde" eine Grafik angezeigt bekommen.

Aktuell formatiere ich die Anzeige wie folgt:

Code: Alles auswählen

// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;Tage&nbsp;":days=days+"<br>&nbsp;Tag&nbsp;";
          (hours!=1)?hours=hours+"<br>&nbsp;Stunden&nbsp;":hours=hours+"<br>&nbsp;Stunde&nbsp;";
          (minutes!=1)?minutes=minutes+"<br>&nbsp;Minuten&nbsp;":minutes=minutes+"<br>&nbsp;Minute&nbsp;";
          if(seconds<10) seconds="0"+seconds;
          (seconds!=1)?seconds=seconds+"<br>&nbsp;Sekunden&nbsp;":seconds=seconds+"<br>&nbsp;Sekunde&nbsp;";
Nun soll es grafisch werden und das wollte ich so lösen, jedoch kennt JS an dieser Stelle wohl keine eingefügten Grafiken?!

Code: Alles auswählen

// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;<img src="images/Tage.png">&nbsp;":days=days+"<br>&nbsp;<img src="images/Tag.png">&nbsp;";
Leider kenne ich mich in JS nicht aus und komme hier nicht so recht weiter.
Evtl. kann mir jemand von Euch ja an Hand eines Beispiels erklären wie ich es anstellen muss.

Besten Dank & Gruß

Re: JS Countdown grafisch formatieren

Verfasst: 12.07.2010 21:19
von Dr.Death
Hi,

schau mal hier kurz rein:

viewtopic.php?f=87&t=179054&hilit=countdown

Re: JS Countdown grafisch formatieren

Verfasst: 13.07.2010 15:08
von TLoD
Dr.Death hat geschrieben:Hi,

schau mal hier kurz rein:

viewtopic.php?f=87&t=179054&hilit=countdown
Besten Dank, jedoch kapieren tu ich das nicht so recht...

Re: JS Countdown grafisch formatieren

Verfasst: 18.07.2010 14:11
von TLoD
Hab die Lösung des Problems gefunden. 8)
Es dürfen im IMG-TAG keine " stehen.

falsch

Code: Alles auswählen

<img src="images/Tage.png">
richtig

Code: Alles auswählen

<img src=images/Tage.png>
Kaum habe ich die " weggelassen, hat es funktioniert.

Re: JS Countdown grafisch formatieren

Verfasst: 18.07.2010 19:05
von Dr.Death
Naja, Du hast mit " den String weit vorher geöffnet und den String mit " wieder geschlossen.
// Anzeige formatieren
          (days!=1)?days=days+"<br>&nbsp;<img src="images/Tage.png">&nbsp;":days=days+"<br>&nbsp;<img src="images/Tag.png">&nbsp;";


Besser wäre es wenn Du das:

Code: Alles auswählen

<img src="images/Tage.png">
mit dem:

Code: Alles auswählen

<img src='images/Tage.png'>
ersetzen würdest.