This is how I would do it with a couple of jQ lines: var $bg = $(‘#bg’), $bgDIV = $(‘div’, $bg), // Cache your elements n = $bgDIV.length, // count them (used to loop with % reminder) c = 0; // counter (function loopBG(){ $bgDIV.eq(++c%n).hide().appendTo($bg).fadeTo(3000,1, loopBG); }()); // start fade animation *{margin:0; padding:0;} body{ width:100%; … Read more
In your comments you said javascript would be ok, so here it is in javascript. This will do it for you: https://jsfiddle.net/4p18mxg9/5/ JAVASCRIPT function myFunction() { switch (new Date().getDay()) { case 0: day = “Sunday”; document.body.style.backgroundImage = “url(‘http://lorempixel.com/400/200/sports/1/’)”; break; case 1: day = “Monday”; document.body.style.backgroundImage = “url(‘http://lorempixel.com/400/200/sports/1/’)”; break; case 2: day = “Tuesday”; document.body.style.backgroundImage = … Read more