Daha İyi Kırık Görüntü İşleme - CSS Hileleri

Anonim

Eksik resimler ya hiçbir şey göstermeyecek ya da kaynakları bulunamadığında bir (?) Stil kutusu gösterecektir. Bunun yerine, var olduğundan emin olduğunuz bir "eksik görüntü" grafiği ile değiştirmek isteyebilirsiniz, böylece bir şeylerin yanlış olduğuna dair daha iyi görsel geri bildirim elde edebilirsiniz. Ya da tamamen gizlemek isteyebilirsiniz. Bunun mümkün olmasının nedeni, bir tarayıcının, izleyebileceğimiz bir "hata" JavaScript olayından dolayı ateş bulamamasıdır.

// Replace source $('img').on("error", function() ( $(this).attr('src', '/images/missing.png.webp'); )); // Or, hide them $("img").on("error", function() ( $(this).hide(); ));

Ek olarak, bu gerçekleştiğinde site yöneticisine e-posta göndermek için bir tür Ajax eylemini tetiklemek isteyebilirsiniz.