Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
144
rated 0 times [  145] [ 1]  / answers: 1 / hits: 17340  / 13 Years ago, fri, july 1, 2011, 12:00:00

If an image doesn't exist, or somehow an image just doesn't load, is there a way to make it so this message doesn't show up in the web inspector?




Failed to load resource: the server responded with a status of 403 (Forbidden)




I have tried these:



<img src=/path.png onerror=this.src = '/missing.png'; this.onerror = ''; return true;/>
<img src=/path.png onerror=this.src = '/missing.png'; this.onerror = ''; return false;/>


And I've tried it in jQuery:



$(document).ready(function() { 
$(img).error(function(event) {
$(this).attr(src, /missing.png);
return false;
}
});


That message gets output in red before any of these event handlers get access to it, is there not a way to prevent this message from showing up?



Ideally, I would be able to do this:



$(img).live(error, function() { $(this).attr(src, /missing.png); });


so I don't have to:




  1. Write inline javascript like <img onerror='x'/>

  2. and it would work on dynamically loaded images.


More From » html

 Answers
80

Unfortunately you would need to check for the existence of the image prior to adding the <img> to the DOM. This check would have to occur server-side as far as I know; even attempting to do this with JQuery/AJAX will still result in a 404 or 403 error appearing in the console.


[#91390] Thursday, June 30, 2011, 13 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
jananauticat

Total Points: 1
Total Questions: 105
Total Answers: 95

Location: Azerbaijan
Member since Fri, May 12, 2023
1 Year ago
;