JSFiddle - React, Tailwind, and code Playground
HTML
<div id="img_holder" />
<br />
<button id="cmd-start-download" onclick="startDownload();">Start download</button>
<button id="cmd-stop-download" onclick="stopDownload();">Stop Download (Blank URL)</button>
<button id="cmd-no-background" onclick="noBackground();">Stop Download (No Background)</button>
<button id="cmd-change-image" onclick="changeImage();">Change Image</button>
CSS
#img_holder {
width: 300px;
height: 300px;
border-style: solid;
border-width: 1px;
}
JavaScript
$('#cmd-start-download').on('click', function() {
var imgUrl = "background-image: url('http://imgsrc.hubblesite.org/hu/db/images/hs-2015-02-a-hires_jpg.jpg')";
$('#img_holder').attr("style", imgUrl);
});
$('#cmd-stop-download').on('click', function() {
$('#img_holder').attr("style", "background-image: url('')");
});
$('#cmd-no-background').on('click', function() {
$('#img_holder').attr("style", "background-image: none");
});
$('#cmd-change-image').on('click', function() {
var imgUrlNew = "background-image: url('http://imgsrc.hubblesite.org/hvi/uploads/image_file/image_attachment/28724/hires_jpg.jpg')";
$('#img_holder').attr("style", imgUrlNew);
});