JSFiddle - React, Tailwind, and code Playground
CSS
html, body{
height:100%;
margin: 0;
padding: 0;
border: none;
background-image:url('http://i.imgur.com/oGvNc0L.png');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
}
JavaScript
var imageArray = ['http://i.imgur.com/oGvNc0L.png', 'http://i.imgur.com/IGKVr8r.png',
'http://i.imgur.com/EJ3W1KM.jpg', 'images/indexbg05.jpg',
'http://i.imgur.com/fJkpiYQ.png'];
var imageIndex = 0;
function changeBgImage(){
var imageUrl = "url('" + imageArray[imageIndex] + "')";
$('body').css('background-image', imageUrl);
imageIndex++;
if (imageIndex >= imageArray.length) {
imageIndex = 0;
}
}
setInterval(changeBgImage, 5000);