div icinde tam ekran resim css

Php javascript resim bulunamazsa varsayılan resim gösterilsin

Javascript / Jquery Php Yazılım

Bazı yazılım işlerinizde resim yüklenmediği durumlar için aşağıdaki sorgu ile varsayılan resim yolu tanımlanarak görsel kirliliğin önüne geçilebilir.

 

<img width=”100px” alt=’resim-etiket’ src=’resim/yolu/$resim’ onerror=’onImgError(this);’ onLoad=’setDefaultImage(this);’>

function setDefaultImage(source){
var badImg = new Image();
badImg.src = “/resim/yolu/resim-bulunamadi.png”;
var cpyImg = new Image();
cpyImg.src = source.src;

if(!cpyImg.width)
{
source.src = badImg.src;
}

}

function onImgError(source){
source.src = “/resim/yolu/resim-bulunamadi.png”;
source.onerror = “”;
return true;
}

Bu yöntemle img bloğunda resim bulunamadığında , tanımladığınız dizinden dilediğiniz resmi gösterebilirsiniz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir