JSFiddle - React, Tailwind, and code Playground

by Anton Kolesnikov

HTML

<div id="cont"></div>
<br>
<input id="check">

CSS

#cont {
    width: 140px;
    background: pink;
    text-align: center;
}
#cont > img {
    display: block;
    width: 100%;
}

JavaScript

var data = {
    height: 0,
};

var cont = $('#cont');

var img = new Image();
img.src = "http://cs625524.vk.me/v625524678/2934e/aJf3JRg8zUM.jpg";

img.onload = function () {
    data.height = img.height;
}


cont.append(img);
cont.append('<h3>title</h3>');
data.height = cont.height();
$('#check').val(data.height);