Javascript
5.488 visualizzazioni
Jquery: immagini mancanti
10/07/2012Per ovviare al problema delle immagini mancanti, o mal linkate, attraverso Jquery possiamo 'limitare i danni' facendo apparire un'immagine di default sostitutiva.
Come sempre, dobbiamo caricare la libreria Jquery, qui l'articolo su come caricare automaticamente sempre la versione più aggiornata, e poi richiamare lo script di interesse, facendo attenzione a settare l'url dell'immagine sostitutiva, il testo alternativo voluto e le eventuali dimensioni:
$(document).ready(function(){
$('img').error(function(){
$(this).attr({
src: '/img/immagine_mancante.png',
alt: 'Immagine attualmente non disponibile ...',
style:'width:50px; height:50px;'
});
});
});