Tem
14th

Preload İmages…

Kategori Kategorilenmemiş | Posted by admin | 4.857 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. } 

  14. </script> 

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

PLAIN TEXT 

HTML: 

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

 

Kaynak

Etiketler:

 

  1. 1 Geri izleme(ler)

  2. May 15, 2009: bir sonraki resmi hidden olarak bir

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.