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...).

Invia nuovo commento
Il contenuto di questo campo è privato e non verrà mostrato pubblicamente.
Refresh Type the characters you see in this picture. Type the characters you see in the picture; if you can't read them, submit the form and a new image will be generated. Not case sensitive.  Switch to audio verification.