JSFiddle - React, Tailwind, and code Playground

by bruno

HTML

<div id="img1" class="img1"> </div>

CSS

.img1 {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover; 
    display: none;
}
html, body, .img1 {
    height: 100%;
    width: 100%;
}

JavaScript

var img = new Image();
img.src = "http://blogmedia.jaludo.com/titter/wp-content/uploads/2012/05/random_picture6.jpg";
img.onload = function( ) {
    $("#img1").css("background-image", "url('" + img.src + "')" ).fadeIn(1000);
}