Forum - Bilder vorladen - Schnelles Anzeigen von Webseiten

Bilder vorladen - Schnelles Anzeigen von Webseiten
Aktualisiert 24.06.18

---

Es kommt vor, dass beim "MouseOver" mit Bildern einige Grafiken zu lange brauchen, um geladen und damit angezeigt werden. Es sieht einfach besser aus, wenn es kein ruckeln beim "Hover-Effekt" gibt.
Ein Vorladen schafft hier Abhilfe! .
Die Grafiken werden einfach in den "Browsercache" geladen und dann später wieder herausgeholt. Dadurch sind die Bilder schon vor dem Aufrufen der Webseite verfügbar. Natürlich ist das Vorladen nicht nur für den Hover-Effekt wichtig, sondern auch für Seiten mit vielen Bildern. Hier besteht die Möglichkeit die Bilder auf Seiten mit kleiner "Ladezeit" vorzuladen und wenn die Seite dann aufgerufen wird, werden die Bilder einfach aus den Browsercache geholt.

Es gibt verschiedene Methoden die Bilder vorzuladen.
Hier kommt eine einfache, aber wirkungsvolle Methode.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 

<script type="text/javascript" language="JavaScript">
 
Bild01 = new Image();
Bild01.src = "https://www.server.de/images/img01.jpg";
 
Bild02 = new Image();
Bild02.src = "https://www.server.de/images/img02.jpg";
 
Bild03 = new Image();
Bild03.src = "https://www.server.de/images/img03.jpg";
 
...
 
</script>
 

Auch hier: Ladezeiten von Webseiten anzeigen und verkürzen





Bis dann
Wolfgang