Can the background image of a div be changed by selecting a button outside of the div?
For example:
HTML
<div id="change"></div>
<div id="buttons">
<button class="button1">this</button>
<button class="button2">that</button>
<button class="button3">there</button>
<button class="button4">then</button>
</div>
CSS
#change{
background-image: url("this.jpg")
}
The desired effect is to change the background image to "that.jpg" when button 2 is clicked (same logic applies for each button; clicking button 3 will change it to "there.jpg", and button 4 to "then.jpg").
#change{
background-image: url("that.jpg")
}