Ruckelige Anzeige durch vorab laden verhindern

Antworten
Admin
Administrator
Beiträge: 83
Registriert: Di 19. Aug 2014, 10:47

Ruckelige Anzeige durch vorab laden verhindern

Beitrag von Admin » Do 21. Aug 2014, 16:37

Wenn die Button deiner Navigation je nach Zustand durch ein anderes Bild dargestellt werden kommt es durch das Nachladen der benötigten Bilddatei zu einer ruckeligen Anzeige. Diesen kleinen Schönheitsfehler kannst du durch ein vorab laden verhindern.
So geht's.
Füge alle Bilder welche du vorgezogen laden willst in deine HP ein. Erstelle folgende Klasse und weise sie ihnen zu.

Code: Alles auswählen

.vorab-laden {
display: none;
}
Und schon sind sie unsichtbar. Der Browser lädt sie trotzdem und sie liegen bei Bedarf abrufbereit im lokalen Cache.
Natürlich solltest du dir ganz genau überlegen zu welchem Zeitpunkt du die Bilder laden lässt. Da der Browser deine html-Datei von oben nach unten ließt ist es sicher sinnvoll, wenn die Button für die Navigation am Anfang der Datei geladen werden und andere Bilder etwas später.

Viel Spaß beim Bilder verstecken und wiederfinden.
Dieses Tutorial wurde am 23. Jan 2008 von gimp-michel auf KompoZer-Web veröffentlicht.

Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste