Hintergrundbild vorladen

8

Es gibt jede Menge Artikel darüber, wie man ein Bild vorlädt. Ich finde jedoch nichts Nützliches, um ein Hintergrundbild mit jquery vorzuladen.

Ich habe ein einfaches HTML-Modell von dem gemacht, was ich gerne erreichen würde: Ссылка

  • Ein Lade-Div erscheint
  • Hintergrund ist geladen
  • Das Laden von div verschwindet
  • Hintergrund DIV erscheint

Ich kann mit den div-Übergängen umgehen, aber ich habe keine Ahnung, wie ich einen css-Hintergrund vorladen sollte. Danke für das Lesen meiner Frage:)

    
pufAmuf 27.12.2011, 17:14
quelle

6 Antworten

7

Sie können nicht so lange wie es ein Hintergrundbild ist. Laden Sie es normal und legen Sie dann das Hintergrundbild fest. Etwas wie das:

%Vor%

Die letzte Zeile wird in einem Browser benötigt, falls das Bild zwischengespeichert wird.

    
Mark Kahn 27.12.2011, 17:17
quelle
2

Hier ist ein Beitrag aus der letzten Woche, in dem Bilder mit jQuery vorab geladen wurden: HTML 5 Datei lädt Bild als Hintergrundbild

Und hier ist die Lösung, auf die verwiesen wurde: Ссылка

    
Mike Gwilt 27.12.2011 17:23
quelle
2

Um das Preloading durchzuführen, greifen Sie die URL aus dem Attribut css mit jQuery? Etwas wie das:

%Vor%     
Chris Kempen 27.12.2011 17:21
quelle
1

Ihre Logik ist fast gut, aber Sie können keine Ereignisse für CSS in jquery abfangen.

Sie müssen das Hintergrundbild auf einige <img> Elemente laden. Fange die Ereignislast dieses Elements und wenn es gefeuert wird, ändere das Hintergrundbild in das src und mache den Rest deiner Logik.

    
Bruno Costa 27.12.2011 17:21
quelle
1

Bilder mit CSS und JavaScript vorladen, hoffe, dass diese beiden Links einfach und hilfreich sein könnten.

Ссылка

Ссылка

    
Sameera Thilakasiri 27.12.2011 17:22
quelle
0

Ein funktionierendes Beispiel mit einem Mock setTimeout zum Simulieren der Ladezeit.

Der relevante jQuery-Code ist:

%Vor%     
Josh Smith 27.12.2011 17:18
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset JSON-Antwort mit der cfscript-Funktion