Generatoren für AJAX-Ladegrafiken

von Florian Sander | Veröffentlicht am 23.02.2009 | Letzte Änderung am 23.02.2009. Rubriken: AJAX, Generatoren, Icons | 8 Kommentare

Ein stilprägendes Element von AJAX-Anwendungen sind die bekannten Ladegrafiken. Doch nicht jeder, der etwas vom Standard abweichen möchte, will gleich einen komplett eigenen Entwurf mit einem Grafikprogramm anfertigen. Mit Hilfe von zwei Online-Generatoren lassen sich im Handumdrehen neue Varianten erzeugen.

ajaxload.info

Schon etwas länger im Rennen ist Ajaxload. Bei diesem Generator kann man eine Grundgrafik auswählen und dann die Vorder- und Hintergrundfarbe bestimmen. Auch transparente Hintergründe sind möglich. Die fertige Ladegrafik kann dann als GIF heruntergeladen werden.

preloaders.net

Über diese Grundfunktionalität hinaus geht Preloaders. Ebenso wie "ajaxload.info" basiert dieser Generator auf Grundgrafiken, hat davon aber eine größere Auswahl. Sie sind in die Kategorien 3D, Rectangular, Circular und Horizontal aufgeteilt.

Neben Vorder- und Hintergrundfarben kann auch die Größe der Ladegrafik bestimmt werden. Der Generator beherrscht Kantenlängen zwischen 5 und 220 Pixeln. Allerdings leiden die größeren Formate unter sehr deutlichen Pixel-Artefakten.

Sehr schön ist die Möglichkeit, die Animationsgeschwindigkeit zu beeinflussen. Hier stehen 9 Stufen von -4 bis +4 zur Verfügung. Auch hier gibt es aber wieder eine Einschränkung, denn bei stark verlangsamter Animation werden nicht feinere Schritte generiert, sondern die vorhandenen Frames langsamer abgespielt. Bei genauer Betrachtung kann man also ein leichtes Ruckeln wahrnehmen.

(tm)

8 Kommentare zu “Generatoren für AJAX-Ladegrafiken”

ledzep schreibt am 23.02.2009 um 09:34:
helau und alaaf,

jetzt oute ich mich mal und frage ganz einfach:

Wie bindet man die schönen Ladegrafiken ein?
Bei einem Bild als Hintergrundbild ... aber sonst?

Grüsse
ledzep
Rene Schmidt schreibt am 23.02.2009 um 10:20:
@ledzep: Man lädt sie runter und schiebt sie auf seinen Server. Bei ajax-load.info jedenfalls, bei dem anderen Dienst wirds IMHO nicht anders sein.
Markus schreibt am 24.02.2009 um 18:23:
War das jetzt schon ein /. auf preloaders.net? Oder ist der Link falsch? Ich komme jedenfalls derzeit nur auf eine CPanel "Success Page" ohne reales Projekt...
Mark schreibt am 25.02.2009 um 13:14:
Dem Preloaders-Link fehlt das "www.". Die richtige Adresse:
http://www.preloaders.net/
Mark schreibt am 25.02.2009 um 15:03:
Nachtrag: Inzwischen geht es auch (wieder?) ohne "www.".
Alexej schreibt am 1.03.2009 um 14:02:
Echt toller dienst. Nützlich ist es auf jedenfalls für Programmierer.
tim schreibt am 24.09.2009 um 13:08:
Dear users of http://preloaders.net !

We would like to inform you that Preloaders.net has new upgrades. We have improved the preloader generating form in terms of usability. Also from now on you can set a reverse animation for the preloaders. Please check out the web-site to see the difference