JS Countdown grafisch formatieren

[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ß

[Dr.Death]

Hi,

schau mal hier kurz rein:

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

[TLoD]

Hi,

schau mal hier kurz rein:

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

Besten Dank, jedoch kapieren tu ich das nicht so recht...

[TLoD]

Hab die Lösung des Problems gefunden.
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.

[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.