JSFiddle - React, Tailwind, and code Playground

HTML

<div id="loader">k <br/> k
</div>

JavaScript

// I interchanged load and error since none of the images will load
$(function () {
    var i=1;
    for (i=1;i<=50;i++){
        var curImg = "blog/wp-content/uploads/" + i + ".jpg";
        var img = new Image();         
        $(img).error(function () {                                 
             $(this).hide();
             $('#loader').removeClass('loading')
                         .append($('<a href="'+this.src+'"></a>').append(this));
             $(this).fadeIn();
         }).load(function () {})                            
         .attr('src', ''+curImg+'');                    
    }
});