Stefan: JQuery load Befehl erst nach Preload der angeforderten Seite

Beitrag lesen

Hallo!

Bin gerade dabei mich in die wunderbare Welt von jQuery einzulesen!!

Nun steh ich gerade an.
...und zwar bei folgendem Sachverhalt:

Ich habe einen div der via der .load Funktion mit Daten gefüttert werden soll.
Sprich mehr oder minder auf einer anderen Seite stehen ein paar Bilder und die will ich per load einbinden.

Ist ja kein Problem jedoch will ich bis die Seite komplett angezeigt wird ein "loading" anzeigen lassen.
So habe ich mir das gedacht ...funktioniert aber leider nicht so wie ich das will ...kann mir wer weiterhelfen? Bisweilen ladet es nämlich einfach gleich die Seite und man sieht den stückhaften Aufbau der Bilder. Würde gerne (oder hab mir gedacht) das solange das "loading" da steht bis die angeforderte Seite fertig geladen wurde und diese dann das loading überschreibt.

<div id="abc">loading...</div>

$("#abc").load("a.php");

und die a.php besteht (natürlich ist das hier alles vereinfacht dargestellt) aus 5 <img src=""> tags die jeweils 5 bilder anzeigen. Der load befehl wird über einen Link ausgelöst und das "loading" steht schon vorher da ...also es soll wenn der Link gedrückt wird das "loading" noch so lange darstehen bis die Seite geladen ist ...danach soll es ersetzt werden durch den Inhalt (in dem Fall durch die Bilder). Jedoch ersetzt es bisher gleich das "loading" und man sieht den unschönen Aufbau der Bilder.

Hoffe jemand hilft mir weiter auch wenn es villeicht eine sehr einfache Frage ist.

lg stefan