js change background image code example

Example 1: javascript change image src

//change image src
document.getElementById('myImageID').src="images/my_other_image.png";

Example 2: js background image

document.body.style.backgroundImage = "url('img_tree.png')";

Example 3: change background with js

document.body.style.backgroundColor = "red";

Example 4: set an attribute background image javascript

function bg() {

   var imgCount = 3;
   var dir = 'http://local.statamic.com/_themes/img/';
   // I changed your random generator
  	//floor: helps getting a random integer
   var randomCount = (Math.floor(Math.random() * imgCount));
   // I changed your array to the literal notation. The literal notation is preferred.
   var images = ['001.png', '002.png', '003.png'];
   // I changed this section to just define the style attribute the best way I know how.
   document.getElementById('banner').setAttribute("style", "background-image: url(" + dir + images[randomCount] + ");background-repeat: no-repeat;background-size: 388px 388px");
}
// Don't forget to run the function instead of just defining it.
bg();

Example 5: change background with js

document.body.style.backgroundImage = "url('img_tree.png')";

Example 6: change background with js

document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right 
top";