disign.it | Jquery: immagini mancanti | a digital sign for a best design!
A digital sign for a best design
Programmazione 5.427 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 *

*

*



 


Questo sito è totalmente privo di pubblicità, se volete sostenere questa inziativa, potete scegliere di fare una piccola donazione libera:


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