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)
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
@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.
[...] Der letzte Punkt und das i-Tüpfelchen ist dann die Ladegrafik. Die ist noch nicht angepasst an die graue Hintergrundfarbe. Aber die Seite http://www.ajaxload.info/ hilft uns und wir erstellen die Wunschgrafik in der passenden Farbe. [Nachtrag: Eine weitere Seite für Ladegrafiken ist preloaders.net. Via Dr. Web] [...]
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… :-(
Dem Preloaders-Link fehlt das “www.”. Die richtige Adresse:
http://www.preloaders.net/
Nachtrag: Inzwischen geht es auch (wieder?) ohne “www.”.
Echt toller dienst. Nützlich ist es auf jedenfalls für Programmierer.
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