JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://pokus.pixia.cz/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="http://pokus.pixia.cz/js/onload.js"></script>
  </head>
  <body>
      <a href="#">just click me mothefucka</a>
      <div id="container">
          
      </div>
  </body>
</html>

CSS

div#withpic {
    width: 2592px; height: 1936px;
    position: absolute; left: 0; top: 0;
    background-image: url('http://pokus.pixia.cz/obrazek_big.jpg');
}

JavaScript

$(function() {
    $('a').click(function(event) {
        event.preventDefault();
        
        $("<img/>") //Hide it
        .one('load', function() { //Set something to run when it finishes loading
            var div = $('<div id="withpic"></div>');
            $('#container').append(div.hide().fadeIn());
        })
        .attr('src', 'http://pokus.pixia.cz/obrazek_big.jpg') //Set the source so it begins fetching
        .each(function() {
            //Cache fix for browsers that don't trigger .load()
            if(this.complete) $(this).trigger('load');
        });
    })
})