Anpassen eines Countdown-Scripts mit Grafiken

Hi Forum,

nachdem ich mich jetzt 2 Stunden lang durch Google gequält habe frage ich hier mal nach.

Ich habe ein Script das den Countdown bis Weihnachten zählt. Funktioniert auch super.
Aber ich hätte für die Ausgabe der Zahl gerne kleine Grafiken eingesetzt. Und das bekomme ich nicht hin. Ich weis zwar das ich irgendwas mit for und strlen und substr machen muss aber ich verstehe nicht ganz was. Wäre jemand so lieb und könnte mir das Script ensprechend anpassen?

<?php

$zeitpunkt = mktime(0,0,0,12,24,2014);
$jetzt = time();

$differenz = $zeitpunkt - $jetzt;
$differenz = $differenz / 60 / 60 / 24;
$differenz = round($differenz, 0);

print "Es sind noch ".$differenz." <br />Tage bis Weihnachten!";

?>

Glg
Gockel

[code]date_default_timezone_set(‘Europe/Berlin’);
$differenz = mktime(0,0,0,12,24,2014) - time();
$differenz = $differenz / 60 / 60 / 24;
$differenz = round($differenz, 0);

for($i=0; $i<strlen($differenz); $i++)
{
$zahl = substr($differenz, $i, 1);
print ‘<img src=“https://example.com/zahl_als_bild_’.$zahl.’.jpg” alt=’.$zahl.’">’;
}[/code]
In Worten:
Solange $i, das zu Beginn 0 ist, noch kleiner ist als die Anzahl an Zeichen, der Tagesdifferenz bis Weihnachten, erhöhe $i um eins und tue folgendes: Nimm ab dem $i-ten Zeichen der Tagesdifferenz ein Zeichen und nenne es $zahl, anschließend bastle den HTML-Code für das Bild zusammen und füge dabei $zahl im Dateinamen und als Alternativtext ein.

Die erste Zeile habe ich noch hinzugefügt, da es ansonsten Warnmeldungen gibt (wenn auch evtl. nicht dargestellt weil ausgeblendet) und möglicherweise die falsche Zeitzone angenommen würde.

Es bietet sich da an, auch gleich das Bild dynamisch zu erstellen, für den Zweck dann vermutlich ein SVG. Im Bedarfsfalle kann man in dem SVG auch gleich eine deklarative Animation einbauen, die dann passend runterzählt oder weitere Bilder zeitabhängig einblendet
(leider gibt es bei den meisten aktuellen Brausern einen Implementierungsfehler, der verhindert, daß man das komplette Runterzählen per deklarativer Animation auch ohne PHP in einer einfachen SVG-Datei starten kann).

Wenn du natürlich nur tageweise andere Pixelgraphiken einblenden willst, die etwa aus deiner Digitalkamera kommen, so reicht natürlich die Referenzierung von statischen JPEG/JFIFF-Dateien
zusammen mit dem jeweils passenden Alternativtext, der bei solchen Bildern dann vermutlich auch nicht nur aus einer Zahl besteht.
Ansonsten stellt sich die Frage, was auf den Bildern drauf ist, um zu entscheiden, ob man das besser dynamisch zur Zeit des Aufrufes erstellt oder statisch vorhält.

Hi heavygale,

vielen dank. Du hast meinen Tag gerettet. Es funktioniert.

@Hoffmann: Es geht rein nur um die Zahlen. Kein sonstiges Bild und nichts dabei.

Gruss
Gockel

Solch eine Zahl ist ja eher Computergraphik, daher ist etwa JPEG/JFIF als Bildformat denkbar schlecht geeignet. Unter der Pixelgraphik ist da vermutlich PNG am besten. Besser ist aber wie gesagt SVG.

Was ist an der Präsentation der Zahlen besonders, daß man dafür ein Bild braucht?
Hängt an jeder Zahl ein Weihnachtsmann oder ein Weihnachtsengel? :o)

Es gibt ja mittlerweile auch wohl Möglichkeiten, Schriftartendateien zu nutzen, auch um exotische Zeichen anzubieten (Vorsicht, auf Lizenzen achten!) Und mit SVG kann man ja auch gut Zeichen selbst erstellen. Und man kann das SVG sogar direkt ins (X)HTML einbetten, braucht also keine gesonderte Datei. Und solche Vektorgraphik kann man auch problemlos relativ zur bevorzugten Schriftgröße des Nutzers skalieren.

Sofern du die Bilder mit den Zahlen selbst erstellst, kann es also suboptimal sein, diese als Pixelgraphik abzuspeichern.

Hi Hoffmann,

schau dir einfach mal meine Seite an. Dann verstehst du vielleicht was ich meine. Ob das auch auf andere Art und Weise geht weis ich nicht. Aber so ist es für mich mit kleiner Kenntniss halt am einfachsten:

mein-weihnachtszauberland.de

Die Seite ist allerdings noch im Aufbau. Zur Zeit gibt es nur die Startseite.

Gruss
Gockel

Ja, statt der Bilder solltest du da wohl eine passende Schriftartendatei nehmen.
Gut, da Alternativtexte vorhanden sind, genügt das so auch den formalen Ansprüchen, nur Text mit Pixelgraphik anzubieten, ist immer sehr suboptimal, erinnert etwas an die alte Zeit des letzten Jahrtausends, wo Gutenberg noch einzelne Bleilettern hat gießen lassen und seine Bücher damit per Hand gesetzt hat ;o)