JSFiddle - React, Tailwind, and code Playground

HTML

<script>$(function(){
   var images = [
       'http://upload.wikimedia.org/wikipedia/commons/8/8e/Solna_Brick_wall_Stretcher_bond_variation1.jpg',
       'http://cdn.designinstruct.com/files/406-free_high_quality_concrete_wall_textures/concrete_wall_texture_01_designinstruct.JPG',

	   
   ],
   loop = 0,
   $home = $('#banner-wrapper3');

   (function fader(){
        $home
        .fadeOut('fast', function(){
            $home.css('background', 'url(' + images[loop] + ') center center no-repeat fixed');
			$home.css('background-size', 'cover');
            $home.fadeIn('slow', function(){
                 setTimeout(fader, 7000);
            });
        });

        if(loop < images.length-1) 
           loop++;
        else loop = 0;                
    })();         
});
</script>
<body>
<div id="banner-wrapper3"class="bk bk_0 "style="position: relative;z-index:1;height:22em; background-size:cover; background-position:center;"></div>
    
</body>

CSS

body{background:black;}