JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inlinediv">
    <div class="iconLinkImg">
        <a href="/StaffArea/default.aspx">
            <img src="http://www.mojopin.co.uk/images/default.jpg" alt="Staff Area" />
        </a>
    </div>
    <div class="iconLinkText">
        <a href="/StaffArea/default.aspx">
            Staff Area
        </a>
    </div>
</div>
<div class="inlinediv">
    <div class="iconLinkImg">
        <a href="/NewStaffArea/default.aspx">
            <img src="http://www.mojopin.co.uk/images/default.jpg" alt="New Staff Area" />
        </a>
    </div>
    <div class="iconLinkText">
        <a href="/NewStaffArea/default.aspx">
            New Staff Area
        </a>
    </div>
</div>

CSS

.iconLinkText{
    font-size:medium;
    width:150px;
}

.iconLinkImg{
    width:150px;
}

div.inlinediv{
    display:inline;
    clear:none;
    float:left;
    margin:5px;
    font-size:medium;
    width:150px;
    text-align:center;
}

JavaScript

$(".inlinediv").load(function() {

    var $filename = $($(this).children()[1].children[0]).html().replace(/ /g, '');
    var $fullfilename = $("http://www.mojopin.co.uk/" + $filename + ".jpg");


    $.ajax({
        url: $fullfilename ,
        type: 'HEAD',
        error: function() {
            //do something depressing
        },
        success: function() {
            $($(this).children()[1].children[0]).attr("src", $fullfilename );
        }
    });
});