"Resim önyüklemesi" diyelim. Sayfanızda herhangi bir şekilde (onClick'le, onMouseOver'la vs.) gözükecej resimler var. onMouseOver'la çalıştığımızı farzedelim. Linkin ya da butonun üzerine geliyorsunuz, sonra 2 saat resmin yüklenmesini bekliyorsunuz. Olacak iş mi şimdi bu?
Eğer aşağıdaki JavaScript kodunu kullanırsanız, bu dertten kurtulursunuz. Çünkü sayfa açılır açılmaz resimler de cache'e yüklenmeye başlıyor..

PLAIN TEXT
JavaScript:
  1. <script language="javascript">
  2. function preloader()
  3. {   ¼br>   var i = 0;
  4.   imageObj = new Image();
  5.     images = new Array();   ¼br>  images[0]="1.jpg";
  6.  images[1]="2.jpg";
  7.  sayi=images.length;
  8.  for(i=0; i<=sayi; i++)
  9.  {
  10.   imageObj.src=images[i];
  11.  }
  12.  
  13. }
  14. </script>

body tagını da şöyle değiştirelim:

PLAIN TEXT
HTML:
  1. <body onLoad="preloader()">