Hatalı Resimler İçin Resmin Boyutuna Göre No-Image Resmi Yapmak
Merhaba arkadaşlar bugün düzenlemem için başkasının yapmış olduğu bir siteyi getirdiler sitede farklı boyutlarda birçok resim hatalıydı açılmıyordu müşteri açılmayan resimlerden şikayetçi olduğu için resimlerin kendi boyutlarında no-image tarzında bir resim ekletmem gerekiyordu resimlerin genelinin boyu farklı olduğu için biraz farklı bir yol izledim.
Öncelikle https://placeholdit.imgix.net Sitesinden yararlandım bu sitede bizim isteğimize göre resim oluşturuyor.
Resim Oluşturmak için tabi linke bazı parametreler vermemiz gerekiyor:
1.parametre txt Resimde ne yazısı olmasını istiyorsak onu yazıyoruz.
2.parametre: txtsize Yazı Boyutunu Ayarlıyor.
3. parametre w Resmin Genişliği
4. parametre h Resmin yüksekliği ve bize resim oluşturmuş oluyor.
Şimdi Sıra Geldi Sorunu Çözmeye:
$("img").error(function(){
var genislik = $(this).width(),
yukseklik = $(this).height();
$(this).attr("src","https://placeholdit.imgix.net/~text?txtsize=23&txt=No-Image&w="+genislik+"&h="+yukseklik);
});
Önce resim boyutlarını aldım daha sonra resmin yerine aynı boyutlarda no-image şeklinde yeni resim ekledim ve sorun çözülmüş oldu 🙂
Sağlıcakla kalın..
