How to get rid of Broken Image Jquery?

·

jquery

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

 

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.