Hello, welcome to therichpost.com. In this post, I will tell you, How to get rid of Broken Image Jquery? I personally like jquery very much. Most of my code is full with jquery. When I stuck in php or other language then that stuckness I remove with jquery code.
Today, with help of my code, we will check and replace broken images and here is the working code in jquery:
// Replace source
$('img').error(function(){
$(this).attr('src', 'missing.png');
});
// Or, hide them
$("img").error(function(){
$(this).hide();
});
//or, with this
$(document).ready(function() {
$("img").error(function() {
$(this).hide();
});
});
//Or
$(document).ready(function () {
$('img').error(function () {
$(this).addClass('noImg');
});
});
//Or
jQuery( document ).on( 'error', 'img', function( e ){
$( this ).addClass( 'missing-image' ).attr( 'src', 'url/to/missing.png' );
});
//Or
<img onerror="this.style.display='none'" src="text.png">
//Or
$('img').one('error', function(){
$(this).attr('src', 'missing.png');
});
There are so many jquery code, tricks and i will let you know all. Please do comment if you any query related to this post. Thank you. Therichpost.com