JSFiddle - React, Tailwind, and code Playground

HTML

<section></section>

CSS

html, body { height: 100%; margin: 0; }
section {
  width: 100%;
  height: 100%;
}

JavaScript

$(document).ready(function() {
    $(function() {
        var body = $('section');
        var backgrounds = new Array(
            'url("http://forum.ragesyndrome.net/images/duende2/bg/bg1.png")',
 'url("http://forum.ragesyndrome.net/images/duende2/bg/bg2.jpg")',
 'url("http://forum.ragesyndrome.net/images/duende2/bg/bg3.jpg")',
 'url("http://forum.ragesyndrome.net/images/duende2/bg/bg4.png")',
 'url("http://forum.ragesyndrome.net/images/duende2/bg/bg5.png")',
 'url("http://forum.ragesyndrome.net/images/duende2/bg/bg6.png")'
        );
        var current = 0;

    function nextBackground() {
        body.hide()
        .fadeIn()
        .css({
   'background' : backgrounds[current = ++current % backgrounds.length],
   'background-attachment' : 'fixed',
   'background-size' : '100% 100%'
		});

    setTimeout(nextBackground, 3000);
    }
        setTimeout(nextBackground, 3000);
        body.css('background', backgrounds[0]);
    });
});