Durch display:none; für den div loader werden die Bilder nicht gezeigt aber im Hintergrund geladen, sobald diese fertig geladen sind, werden die gleichen Bilder danach alle gleichzeitig angezeigt.
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Bilder Vorladen</title>
<style type="text/css">
img{
width:400px;
height:auto !important;
}
#loader{
display: none;
}
</style>
</head>
</body>
<div id="loader">
<img src="bilder/IMAG0300.jpg">
<img src="bilder/IMAG0301.jpg">
<img src="bilder/IMAG0302.jpg">
<img src="bilder/IMAG0303.jpg">
</div>
<img src="bilder/IMAG0300.jpg">
<img src="bilder/IMAG0301.jpg">
<img src="bilder/IMAG0302.jpg">
<img src="bilder/IMAG0303.jpg">
</body>
</html>