disign.it | Jquery: immagini mancanti | a digital sign for a best design!
A digital sign for a best design
Programmazione 4.016 visualizzazioni

Jquery: immagini mancanti

07/03/2012

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;'
    });
    });
    });

← XHTML Strict 1.0 e target non validato Jquery: disabilitare tasto enter in un form →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.