jQuery e l'errore HTTP 404 sulle immagini

Può capitare che alcune immagini presenti sui nostri siti non siano disponibili e non vengano caricate dal browser. In questo caso possiamo utilizzare jQuery per risolvere il problema.

L'errore che il server restituisce è 404 Not Found, ossia non trovato. Possiamo utilizzare l'evento error con un'immagine segnaposto predefinita:

$( document ).ready(function() {
	$( "img" ).on( "error", function() {
		var $img = $( this );
		var placeholder = location.protocol + "//" + location.host + "/images/placeholder.png";
		$img.attr( "src", placeholder );
	});
});