Ein Bild mit Javascript erstellen

S

sharK223

Mitglied
Guten Tag Comunity,

ein Freund von mir hat mich gefrag ob ich es hinbekomme einen Countdown auf Schueler.vz einzurichten.
Nun habe ich vor mit hilfe von JavaScript ein Bild zu ertsellen auf dem immer die restzeit ausgegeben wird.
Sowas kenne ich von diversen Foren. Dort hatten einige in ihren Signaturen bilder bei denen meine aktuelle IP Adresse und son zeug ausgegeben wurde.
Ich weis nur leider nicht genau wie ich das hinbekomme.
Ich hoffe ihr könnt mir helfen.

Grüße
sharK
 
Hi,

zum Erstellen eines Countdowns stellt dir Javascript das Date-Objekt zur Verfügung.

Inwieweit du dies in ein Bild integrieren willst bzw. kannst, entzieht sich meiner Kenntnis. Aus dem Bauch heraus würde ich sagen, dass dies mittels Javascript so nicht möglich ist.

Ich denke eher, du müsstest dir zunächst eine Grafik erstellen, in der die einzelnen Countdown-Schritte enthalten sind (CSS-Sprites), und diese als Hintergrundbild in einem Element mit begrenzten Anzeigebereich nutzen, dessen Hintergrund-Position (backgroundPosition) im entsprechenden Intervall geändert wird.

mfg Maik
 
sharK223 hat gesagt.:
Dort hatten einige in ihren Signaturen bilder bei denen meine aktuelle IP Adresse und son zeug ausgegeben wurde.
Zum Vergrößern anklicken....

Das wird serverseitig gemacht. Das kommt für dich nicht in Frage, weil du schlecht jede Sekunde eine Anfrage schicken kannst (klar kannst du, aber das ist absolut nicht empfehlenswert), um ein neues Bild erzeugen zu lassen.
Üblicherweise würde man für jede Zahl von 0 bis 9 eine Grafik auf dem Server ablegen und den Countdown aus mehreren img-Tags zusammensetzen. Ein solchen Countdown habe ich mal erstellst. Er besteht aus einem einzigen Bild, welches per css-Sprites jeweils zurecht-geschoben wird. http://www.cpoly-design.de/countdown/

Wenn du "echte" Bilder erzeugen willst, geht das nur mit dem canvas-Tag (HTML 5), welches aber noch nicht von jedem Browser korrekt interpretiert wird.
 
zuerstmal danke für die antworten.

Ich hatte garnicht vor dass das Bild regelmäßig aktualisiert wird. Es soll nur beim Seiten reload den den aktuellen rest anzeigen.
 
Man koennte das Ganze auch mittels Kacheln realisieren. Das Bild wuerde dann aus mehreren Kacheln zusammengesetzt welche Weiss und Schwarz annehmen koennen. Mittels Javascript werden dann die Kacheln entsprechend des Countdowns angepasst. Das ist jetzt erstmal nur eine Idee, wie man es machen koennte.

Edit: Mit dem neuen Zusatz ist das natuerlich dann nicht das Treffende.
 
Ich weiß nicht mehr wer, aber jemand hat hier auf tutorials.de mal so einen JavaScript-Bildgenerator vorgestellt. Er/Sie nutze dafür die Base64-Kodierung.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück