Javascript ile hatalı, görüntülenmeyen resimlere geçici resim atama nasıl yapılır?

Merhaba arkadaşlar.

Hatalı yani bir sebepten görüntülenmeyen resimlerin yerine javascript ile html arayüz bozulmaması açısından geçici resimler koyabilirsiniz. Bunu input'lardaki placeholder gibi düşünebilirsiniz.

Aşağıdaki methodu html'de script tagleri altında herhangi bir yerde tanımlayın.

function imgHolder(){
image.onerror ="";
image.src="/resimyolu/noimage.png";
return true;
}

Daha sonra herhangi bir resim için onerror eventinde bu methodu çağırın.

<img onerror="imgHolder(this);" src="image.png" />

 

İyi Kodlar!