“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..
function preloader()
{
var i = 0;
imageObj = new Image();
images = new Array();
images[0]="1.jpg";
images[1]="2.jpg";
sayi=images.length;
for(i=0; i<=sayi; i++)
{
imageObj.src=images[i];
}
}
body tagını da şöyle değiştirelim:
<body onLoad="preloader()">