JSFiddle - React, Tailwind, and code Playground

by eric_freitas

HTML

<div class="img-container"></div>
<div id="props"></div>
<div id="home"></div>

CSS

#home{
    background-color:#f1f1f1;
    width: 200px;
    height: 200px;        
}

JavaScript

var img = new Image();
img.src = 'http://www.ericrf.host.org/dojo/custom/Erf/images/facebook_256.png';
$(img).load(function(){
    $(this).appendTo('.img-container');
    $('#props').text("Largura: " + $(this).width()+" - "+"Altura: " + $(this).height())
    $('#home').css('background-image', 'url('+$(this).attr('src')+')');
});