JSFiddle - React, Tailwind, and code Playground

by Mohamed Amer

HTML

<div>
<img data-src="" src="http://www.indiaonrent.com/forwards/n/nature-beauty-amazing/res/w8imzg.jpg" />
<img data-src="" src="http://www.indiaonrent.com/forwards/n/nature-beauty-amazing/res/h_zu7n.jpg" /> 
<img data-src="" src="http://www.indiaonrent.com/forwards/n/nature-beauty-amazing/res/h_zu7n1.jpg" /> 
<img data-src="" src="http://www.indiaonrent.com/forwards/n/nature-beauty-amazing/res/w8imzg.jpg" /> 
</div>

CSS

div{
    overflow: hidden;
}
img{
    /*width : 138px;
    height : 89px;*/
}

JavaScript

$(document).ready(function(){
	alert($('div').height());
    $('img').each(function(){
        var Image = $(this);
        var GetSrc = $(this).attr('src');
        Image.error(function() {
            alert($('div').height());
        });
    });
});