<html>
<head>
<meta charset="utf-8">
<style>
.styleBgImage{background-image:url("http://lazylab.h1n.ru/Archiv-Files-MSSERG-2016/For%20Tests/white.jpg");}
</style>
</head>
<body class="styleBgImage">
<button onclick="ChBkg()">Сменить картинку заднего фона</button>
<script type="text/javascript">
var ChBkg = function(){
var n = 1,
dir= 'http://lazylab.h1n.ru/Archiv-Files-MSSERG-2016/For%20Tests/',
files=['white.jpg','red.jpg','green.jpg','blue.jpg'],
s=document.querySelector('.styleBgImage').style;
return function(){
if(n==files.length) n=0;
s.backgroundImage='url("'+dir+files[n++]+'")';
};
}();
</script>
</body>
</html>