Καλύτερος σπασμένος χειρισμός εικόνας - CSS-Κόλπα

Anonim

Οι εικόνες που λείπουν είτε δεν θα εμφανίζουν τίποτα, είτε θα εμφανίζουν ένα πλαίσιο στυλ (?) Όταν δεν είναι δυνατή η εύρεση της πηγής τους. Αντ 'αυτού, ίσως θελήσετε να το αντικαταστήσετε με ένα γραφικό "λείπει εικόνα" που είστε σίγουροι ότι υπάρχει, επομένως υπάρχει καλύτερη οπτική ανατροφοδότηση ότι κάτι δεν πάει καλά. Ή, ίσως θέλετε να το κρύψετε εντελώς. Αυτό είναι εφικτό επειδή οι εικόνες για τις οποίες ένα πρόγραμμα περιήγησης δεν μπορεί να εντοπίσει ένα συμβάν JavaScript "σφάλματος" που μπορούμε να παρακολουθήσουμε.

// Replace source $('img').on("error", function() ( $(this).attr('src', '/images/missing.png.webp'); )); // Or, hide them $("img").on("error", function() ( $(this).hide(); ));

Επιπλέον, μπορεί να θέλετε να ενεργοποιήσετε κάποια ενέργεια Ajax για να στείλετε ένα email σε έναν διαχειριστή ιστότοπου όταν συμβεί αυτό.