“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..
function preloader()
{
var i = 0;
imageObj = new Image();
images = new Array();
images[0]="1.jpg";
images[1]="2.jpg";
sayi=images.length;
for(i=0; i<=sayi; i++)
{
imageObj.src=images[i];
}
}
body tagını da şöyle değiştirelim:
<body onLoad="preloader()">
[…] PLAIN TEXT […]
merhaba ben bu makale ile ilgili bişey sormak istiyorum..
ben bir resim galerisi yaptım bir önceki ve sonra ki resmin hazırda yüklenmesini istiyorum fakat bu kodu ona nasıl uyarlayacağımı pek bilmiyorum.. java dan pek anlamıyorum veriler veritabanından bir önce ki ve bir sonraki resim olarak geliyor (resimlerin küçük versiyonlarına link verdim resme yıklayınca bir öncekine diğerine tıklayınca bir sonrakine gidiyor ben şimdi bu kodu ona nasıl uyarlarım bana bu konuda yardımcı olursanzız sevinirim)..
Merhaba;
Yukarıdaki kodu kullanıp, resim adları yerine sonraki resmi yazman işine yarayacaktır.
Cevabın için teşekür ederim..
Merhaba;
Bu tarz bir sorunlu karşı karşıyayım Html & Js ile bir resim galerisi yaptım butona bastığım zaman img tagının src sini değiştiriyorum gayet güzel çalışıyor. Ancak sorun şu her resim 1-2mb olduğu için resim clintta tamamen yüklenene kadar kalıyor..
Ben butona basıldığı zaman, resim yüklenene kadar Loading.gif çıkmasını istiyorum nasıl yapacağım acaba bunu?
Ogan selamlar.
Sadece src değiştirdiğin için bir loading uygulaması yapamazdın. Bu yazıda bahsettiğim yöntemle resimleri önyüklemen (preload etmen) bir seçenek fakat 1-2 mb’lik resimler olduğu için sıkıntı yaratması olasıdır.
İçeriğini bilmiyorum fakat resim dosyalarının boyutunu mümkün olduğunca küçültmek aslında başlaman gereken yer.
Daha sonra;
a) Resimleri Ajax ile çağırıp bir loading oluşturabilirsin.
b) Mevcut yapıyı bozmadan, resimlerin görüldüğü alanın arkaplanına bir loading resmi koyup, en azından yükleniyormuş gibi görünmesini sağlayabilirsin.