Mar
27th

Preload İmages

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

Benzer yazılar...


 

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.