Under tiden du läser detta håller tre bilder på att laddas in via ett preload-script. Har du ett externt modem kan du kika på det och se om du ser att lamporna blinkar för fullt nu. Nyttan av detta? Ja, det kan vara att bilderna ska exponeras på nästa sida och för att undvika extra väntetid för inladdning då så inladdas de i förtid så de exponeras fortare på sidan. Det går även att ha en startsida med en bild på som talar om att inladdning pågår och sedan via en META-tagg gå vidare till nästa sida efter x antal sekunder. Du kanske har sett att en del sidor har en animerad bild med texten Loading.... eller liknande? Efter en stund re-directas man (slussas vidare) till huvudsidan.
Koden i inom head-taggarna i det första dokumentet blir då:
<script language="JavaScript" language="JavaScript">
<!--
function preloadImages()
{
if (document.images)
{
var imgFiles = preloadImages.arguments;
if (document.preloadArray==null) document.preloadArray = new Array();
var i = document.preloadArray.length;
with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#")
{
preloadArray[i] = new Image;
preloadArray[i++].src = imgFiles[j];
}
}
}
//-->
Och sedan anges vilka filer som ska förladdas i body-taggen:
<body bgcolor="#FFFFFF" onLoad="preloadImages('tiger.jpg','dectiger.jpg','tigpo.jpg');">
Klicka här för att komma till nästa sida! Den innehåller en bild, klicka på den så kommer en annan fram och den går oxå att klicka på :-). Du ska inte behöva vänta på att de ska laddas in då bilderna är förinladdade via scriptet i detta dokument som exemplet ovan visar.