OK, ich verliere meine Meinung darüber. Ich habe hier bei SO gelesen und google darüber, ich habe sogar das Preloader-Set (hier auf SO), aber keiner der Plugins / Code, den ich gefunden habe, hat mir geholfen.
Was ich machen möchte, ist: Warte, bis alle Bilder vorinstalliert sind und führe dann alle anderen Javascript-Codes aus. Soweit es mich betrifft, kann es (aber kein Muss) eine "loading ..." Nachricht haben.
Tatsache ist, dass ich ein ziemlich großes Bild im Körperhintergrund und zwei weitere Bilder habe, die auch größer sind, und deshalb möchte ich sie vorladen, damit sie dann sofort zeigen und dieses hässliche "Laden" nicht haben würden Bild-Effekt.
Das verwende ich jetzt, aber es ist nicht gut:
%Vor%Ich weiß nicht, vielleicht sollte ich diesen Preloader irgendwo außerhalb der .ready () nennen? oder so, bitte helfe ...
Übrigens, ja, ich lese auch diesen Beitrag und ich weiß nicht warum, aber .ready () arbeitet schneller für mich: (
BEARBEITEN:
Ok, also endlich habe ich dieses Ding zur Arbeit bekommen. Mein Problem? Ich habe das wartende Div falsch gesetzt. Das ist jetzt mein Code: Ich habe das Lade-Div, das ich über allem zeige und dann, wenn alle Bilder geladen werden (mit $ (window) .load (function () {...}); wie vorgeschlagen, verstecke ich div.
Und mein jQuery-Code ist dies:
%Vor%Anstatt zu versuchen, vorab zu laden, könnten Sie einfach Ihr Skript auf ... ausführen.
%Vor%Das wird nicht ausgelöst, bis alle Bilder geladen sind.
Ich habe ein Plugin namens waitForImages , mit dem Sie einen Callback anhängen können, wenn abgeladene Bilder geladen wurden.
Wenn Sie in Ihrem Fall warten möchten, bis alle Assets heruntergeladen sind, kann $(window).load() in Ordnung sein. Aber du könntest es mit meinem Plugin ein bisschen cooler machen:)
Ich denke, was Sie suchen, ist javascript: onLoad (), das aufgerufen wird, sobald der Browser geladen ist.
Das waitForImages Plugin ist interessant, aber die Lösung kann nur mit:
erreicht werden %Vor%Ich glaube, die beste jQuery-Option ist die Verwendung des Ajax get call:
%Vor%Tags und Links jquery image-preloader preload