Generatoren für AJAX-Ladegrafiken

Werbung

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)

Weitere Beiträge:

, ,

9 Kommentare zu Generatoren für AJAX-Ladegrafiken

  1. ledzep 23. Februar 2009 at 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

  2. Rene Schmidt 23. Februar 2009 at 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.

  3. Markus 24. Februar 2009 at 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… :-(

  4. Mark 25. Februar 2009 at 13:14 #

    Dem Preloaders-Link fehlt das “www.”. Die richtige Adresse:
    http://www.preloaders.net/

  5. Mark 25. Februar 2009 at 15:03 #

    Nachtrag: Inzwischen geht es auch (wieder?) ohne “www.”.

  6. Alexej 1. März 2009 at 14:02 #

    Echt toller dienst. Nützlich ist es auf jedenfalls für Programmierer.

  7. tim 24. September 2009 at 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

  8. Karsten 7. Oktober 2011 at 09:07 #

    Leider scheint es immer noch nicht zu gehen.
    Ich bekomme immer einer Fehlermeldung.
    Kann mir da jemand helfen?

Trackbacks

  1. Greybox anpassen « Netztaucher - 24. Februar 2009

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

Hinterlasse eine Antwort

Bitte bei weiteren Kommentaren per Email benarichtigen! Auch möglich: Abo ohne Kommentar.

Spam protection by WP Captcha-Free