Ladereihenfolge erzwingen

ZodiacXP

Erfahrenes Mitglied
Hallo.

Ich habe einige Bilder auf meiner Seite möchte aber das eins davon vor allen anderen geladen wird, wie kriege ich sowas hin?

MfG,
Zod


P.S.: Fragt nicht warum, det muss einfach als erste kommen ;)
 
In diesem Forum finden sich jede Menge Threads mit sog. Image-Preloader.

:google: Preloader
 
Prinzipiell wird ein Dokument durch den Browser von oben nach unten gelesen... somit versucht er folglich auch zuerst jenes Bild, welches als erstes per <img> eingebunden ist, zu Laden.
 
Hier mal ein einfaches Beispiel, wie sich das Grafik-Vorladen, entgegen der chronologischen Grafik-Reihenfolge im HTML-Code, erzwingen / beeinflussen lässt:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
<!--
// Image-Preloader
image1 = new Image();
image1.src = "pic03.jpg";
alert('loaded pic03');
image2 = new Image();
image2.src = "pic01.jpg";
alert('loaded pic01');
image3 = new Image();
image3.src = "pic02.jpg";
alert('loaded pic02');
//-->
</script>

</head>
<body>

<p><img src="pic01.jpg" border="0" alt=""></p>

<p><img src="pic02.jpg" border="0" alt=""></p>

<p><img src="pic03.jpg" border="0" alt=""></p>

</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Zurück