Mar
27th

Preload İmages

Kategori Webmaster | Posted by admin | 1.208 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()”>

Etiketler:

 

Yorum Yapın







Değerli Webkafe.net Ziyaretçileri eğer güncel web teknolojleri, internet, ve teknoloji magazin konularında kendinize güveniyor ve yazarımız olmak aynı zamanda eklediğiniz haber ve yazılar ilke gelir kazanmak istiyorsanız gurkancelik21[@]hotmail.com mail/msn adresinden mail atarak iletişim kurabilirsiniz.