(jQuery?) warten, bis Ajax-Bilder geladen

[Max T.]

Hallo,
ich möchte auf einer Seite recht viele Bilder zeigen, damit aber die Ladezeiten der Seite nicht zu lang sind soll der Nutzer auf einen Link klicken, um die Bilder zu sehen.
Die Bilder blende ich durch einfaches .append() (jQuery) ein, also wird das <img>-Element einfach eingefügt. Das funktioniert lokal auch ganz gut, nur werden später, wenn die Seite auf dem Server liegt, die Ladezeiten pro Bild länger sein.
Meine Frage ist nun: Wie realisiere ich es am besten, mit dem .append() so lange zu warten und ggf. ein Loading-Gif einzublenden, bis eine bestimmte Liste an Bildern heruntergeladen ist? Kann auch eine jQuery-Lösung sein.
Würde mich sehr freuen wenn Ihr mir helft.
lG Max

 

[Cheffchen]

Hallo,

und wie siehts mit Lazy und Co. aus?
such mal einfach
http://t3n.de/news/jquery-unveil-wahrscheinlich-475653/

Cheffchen

 

[Max T.]

Hallo,
das sieht so aus, wie das, was ich brauche. Können die data-Attribute denn auch in älteren Browsern (v.a. IE) genutzt werden? Denn die Webseite wird voraussichtlich von einigen älteren Menschen besucht.
lG

 

[thecain]

Auch ältere Menschen sollten aktuelle (sichere) Browser verwenden.

 

[Max T.]

okay, wenn ich mal darüber nachdenke, haben alle ältere Menschen, die ich kenne, die aktuellsten Betriebssysteme :)