Loading-Screen

[Pixel-Wizard]

Hallo zusammen

Ich bin momentan gerade an meiner Webseite(atwork.freeiz.com) am arbeiten. Als ich auf allgemeiner Bug-Suche war und Verbesserungen machen wollte, fiel mir auf, dass es viel zu lange braucht, bis das Hintergrundbild auf der Startseite geladen wird. Da ich nun nicht will, dass der User einfach weiterklickt ohne den "ganzen" Startscreen zu sehen, habe ich mir gedacht, baue ich ein Loading-Screen ein, welches verschwindet sobald alles geladen ist.

Nun zu meiner Frage: Wie mache ich so ein Loading-Screen?

Ich habe mir schon mal gedacht, dass man das ganze mit jQuery machen könnte. Aber es fehlen mir noch viele Informationen. Wie zum Beispiel findet man raus, ob alles geladen ist? Und wie baut man so ein Loading Bild ein (geht das mit CSS3's transform und translate)?

Ich hoffe ihr könnt mir helfen!

Liebe Grüsse
Pixel-Wizard

 

[bdt600]

Ich würde mir lieber Gedanken machen, die Grafik zu komprimieren/verkleinern. Egal ob mit Lade-Anzeige oder ohne, langes warten ist immer doof.

 

[Pixel-Wizard]

Dies ist auch eine gute Idee, da gebe ich dir recht?

Nur ist auch hier die Frage. Wie verkleinert man so eine Grafik?

 

[bdt600]

Mit einem Grafikprogramm deiner Wahl. Und dann mal verschiedene Formate ausprobieren, mit welchem man die kleinste Dateigröße hinbekommt.