disign | Jquery: immagini mancanti | a digital sign for a best design!
A digital sign for a best design

Articolo stampato da http://disign.improntedigitali.it/jquery-immagini-mancanti-418-46-1.html

© Luca Frassineti

Javascript 5.487 visualizzazioni

Jquery: immagini mancanti

10/07/2012

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

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 - 2024 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.