10 Aralık 2016 Cumartesi

Javascript: Resmin yüklenip yüklenmediğini kontrol etmek

Javascript: Resmin yüklenip yüklenmediğini kontrol etmek


Merhaba arkadaşlar, Javascript: Resmin yüklenip yüklenmediğini kontrol etmek ?


Daha önceki makalelerimizden Asp.Net ve Java dili ile popup açmayı göstermiştim.Eğer açacağımız pencerede resim varsa pencerenin açılması, eğer gelecek linkdeki resim olmazsa yani resim null ise yada bir linke sahip olmadığı durumlarda popupun açılmasını istemiyorsanız ne yapmalıyız bugün buna bakacağız.


Bu durumda head tagları arasına aşağıdaki javascript kodlarını yazmalıyız.


Eğer resim yükleniyorsa varsa ;


[php]
function ResimDurumu(img)

//Eğer resim yoksa false komutu dönecektir.Duruma göre işlem !

if (!img.complete)

return false;

// 2 Adet Parametremiz var naturalWidth naturalHeight bunlar resmin genişliğini ve uzunluğu belirtiyor.

// Eğer resim yüklenmiyorsa veya null değeri geliyorsa , boşsa bize undefined komutu geliyorsa aşağıda belirtmeliyiz.


if (typeof img.naturalWidth

!= “undefined” && img.naturalWidth

== 0)

return false;


// Herşey yolunda resim yükleniyor bize true değerini gönder.

return true;


//Aşağıdaki fonksiyonu body tagı içerisinde kullanmalısınız.En altta bulunan bölüm resim olmadığında default bir değer belirtmeniz gerekiyor.


function ResimKontrol()

for (var i = 0; i < document.images.length; i++)

if (!ResimDurumu(document.images[i]))


document.images[i].src = “/resimyok.jpg“;




[/php]

Eğer resmin yüklenip yüklenilmeceğini belirtilen bir javascript kodum olsaydı en iyi bu şekilde yazabilirdik.Javascript mantığı ile tüm java destekleyen dillerde rahatlıkla kullanabilirsiniz.



Javascript: Resmin yüklenip yüklenmediğini kontrol etmek

Hiç yorum yok:

Yorum Gönder