Preload İmages

grknclk avatarı

Bu faydalı içeriği paylaşın

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()”>

Etiketler :

grknclk avatarı

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

DİĞER FAYDALI İÇERİKLERE GÖZ ATIN