CP_js_changeImage

CP_js_changeImage

by bryiantan

HTML

<div class="d1" style="height:100px;background-image: url(https://images.freeimages.com/images/large-previews/efb/lotus-flower-1382251.jpg)"></div>
	<div class="d1" style="height:100px;background-image: url(http://blog.hostbaby.com/wp-content/uploads/2013/07/antiquepaper_1400x900.jpg)"></div>
  
  <div class="d1" style="height:100px; background-image: url('http://blog.hostbaby.com/wp-content/uploads/2013/07/diagonal1400x900.jpg')"></div>
  
  <button onclick="move()" id="btn1">Move</button>

JavaScript

function move(){
	var arr = document.getElementsByClassName("d1");
  //alert(arr.length);
	arr[0].style.backgroundImage  = "url(http://blog.hostbaby.com/wp-content/uploads/2013/07/leaves1400x900.jpg)";
	arr[1].style.backgroundImage  = "url(http://blog.hostbaby.com/wp-content/uploads/2013/07/futuretech1400x900.jpg)";
}