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

Jquery: immagini mancanti

10/07/2012

Per ovviare al problema delle immagini mancanti, o mal linkate, attarverso Jquery possiamo 'limitare i danni' facendo aparire un'immagine di default sotitutiva.

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 attualmnte non disponibile ...',
    style:'width:50px; height:50px;'
    });
    });
    });

← Php: include con percorso assoluto Php: utilizzo del protocollo FTP →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

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