JSFiddle - React, Tailwind, and code Playground
CSS
body {
background-image: none;
width: 100%;
height: 100%;
-webkit-transition: background 0.6s ease-in-out;
-moz-transition: background 0.6s ease-in-out;
-o-transition: background 0.6s ease-in-out;
transition: background 0.6s ease-in-out;
background-size: cover;
background-repeat: repeat;
background-position: 0 0;
}
JavaScript
$(document).ready(function () {
var img_array = ['wood5.jpg', 'wood2.jpg', 'wood2dark.jpg', 'wood3dark.jpg'];
var index = 0;
var interval = 2000;
setTimeout(function () {
$('body').css('backgroundImage', 'url(http://1054.fleeceitout.com/sites/all/themes/jack/images/' + img_array[index++ % img_array.length] + ')');
setTimeout(arguments.callee, interval);
}, interval);
});