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:
- 5 Ideen wie Sie wiederkehrende Arbeitsschritte & Marketingprozesse gewinnbringend im Internet automatisieren! Ein Gastbeitrag von Robert Nabenhauer.
- Wachstum durch Facebook-Gewinnspiele: Wie Sie über Facebook virale Gewinnspiele & eine schnell wachsende Fangemeinde aufbauen
- Wie Sie aufmerksamkeitsstarke Prelaunch-, Launch- und Relaunch-Szenarien aufbauen und dabei Viralität, Spannung & Kaufkraft erzeugen
- Wie Sie waschechte Iphone-Apps mit PhoneGAP entwickeln, um am lukrativen App-Markt mitzumischen
- Wie Sie Ihr Shop-Sortiment so präsentieren, dass der Kunde in Zukunft mehr findet und eher kauft! Ein Gastbeitrag von Nicolas Schmidt-Voigt.
- 11 faszinierende BuddyPress-Plugins, um kostenlos aus WordPress ein soziales Netzwerk zu zaubern
- Die Vorboten einer neuen Internet-Industrie! Ein exklusiver Rückblick & Blick hinter die Kulissen der Clickbank-Exchange 2011 in New York.
Loading ...
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.
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
Leider scheint es immer noch nicht zu gehen.
Ich bekomme immer einer Fehlermeldung.
Kann mir da jemand helfen?