बेहतर ब्रोकन इमेज हैंडलिंग - सीएसएस-ट्रिक्स

जब उनका स्रोत नहीं मिल सकता है तो मिसिंग छवियां या तो कुछ भी नहीं दिखाएंगी या (?) स्टाइल बॉक्स प्रदर्शित करेंगी। इसके बजाय, आप इसे "लापता छवि" ग्राफ़िक के साथ प्रतिस्थापित करना चाह सकते हैं जो आपको यकीन है कि मौजूद है इसलिए बेहतर दृश्य प्रतिक्रिया है कि कुछ गलत है। या, आप इसे पूरी तरह से छिपाना चाह सकते हैं। यह संभव है क्योंकि ऐसी छवियां जो एक ब्राउज़र को "त्रुटि" जावास्क्रिप्ट घटना से आग नहीं पा सकती हैं, जिसे हम देख सकते हैं।

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

इसके अतिरिक्त, आप किसी साइट व्यवस्थापक को ईमेल भेजने के लिए किसी प्रकार की अजाक्स कार्रवाई को ट्रिगर कर सकते हैं जब ऐसा होता है।