Preload immagini

Visto che ho dovuto inserire il preload delle immagini in un sito, scrivo qui le tre righe di codice necessarie per questa semplice operazione. Basta inserire nella sezione "head" del nostro file (X)HTML nel quale desideriamo utilizzare il preload il seguente codice:

<script language="JavaScript">
<!--

if (document.images)
{
  preload_image_object = new Image();
  image_url = new Array();
  image_url[0] = "http://www.finex.org/img1.jpg";
  image_url[1] = "http://www.finex.org/img2.jpg";
  image_url[2] = "http://www.finex.org/img3.jpg";
  var i = 0;
  for(i=0; i<=2; i++)
    preload_image_object.src = image_url[i];
}

//-->
</script>

In questo esempio verranno precaricate tre immagini. Se si vogliono precaricare più immagini ovviamente bisogna modificare il controllo del ciclo for, ma il codice mi sembra abbastanza chiaro anche senza spiegazioni eh?

Le mie preferite sono il divano e il fiore (non l'orchidea, ma l'altro, sempre sullo stile del divano per capirsi...).