Come posso risolvere il problema delle immagini non trovate con jQuery?

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 = "http://" + location.host + "/images/placeholder.png";
		$img.attr( "src", placeholder );
	});
});