Tem
14th

Preload İmages…

Kategori KategorilenmemiÅŸ | Posted by admin | 3,368 Defa Okunmus.


“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. </script>

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

PLAIN TEXT

HTML:

  1. <body onLoad=”preloader()”>

Yorum Yapın