Mar
27th

Preload İmages

Kategori Webmaster | Posted by admin | 561 Defa Okunmus.


Preload yani “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()”>

Yorum Yapın