Jquery: immagini mancanti

Attraverso la libreria Jquery possiamo intervenire automaticamente nel caso l'immagine inserita nel codice html risulti mancante, sostituendola con un'immagine di default. Oltre a prevenire e 'curare' eventuali errori di link o caricamento, può esser utile ad esempio per impostare un avatar di default qualora l'utente non ne carichi uno personalizzato.

Ecco la funzione, che ovviamente va inserita dopo aver chiamato l'ultima versione di Jquery disponibile come precedentemente descritto qui.

$(document).ready(function(){
    $('img').error(function(){
    $(this).attr({
    src: '/img/no-image.jpg',
    alt: 'Immagine non disponibile ...',
    style: 'width:50px; height:50px;'
    });
    });
    });