Mostra segnaposto se l'immagine non viene trovata [duplicato]
Aug 16 2020
Stavo cercando di usare onerror
. Ogni volta che l'immagine non viene trovata nella cartella, viene visualizzato un segnaposto. Il mio percorso immagine è dinamico e proviene dal backend. Di seguito è come l'ho usato.
<img class="" src="{{imagePath}}my_image.jpg" onerror="this.src='{{imagePath}}placeholder.jpg';" alt="Image not found">
Ma questo non funziona e dà errore.
Risposte
CarlosEduardoSalazarMori Aug 16 2020 at 10:00
Per questo usavo il picture
tag, i browser proveranno la prima fonte, poi la seconda, se il browser non dispone di interprete di immagini utilizzerà il img
tag.
Come questo:
<picture>
<source alt="Special Days" srcset="[First Image route].jpg" type="image/jpeg">
<source alt="Special Days" srcset="[Second Image route].jpg" type="image/jpeg">
<img alt="Imagen" src="[First Image route].jpg">
</picture>