<body>
  <button onclick="loadImage();" class="load-image">Load Image</button>

  <script src="https://code.createjs.com/preloadjs-0.6.1.min.js"></script>
</body>

.load-image {
  width: 9rem;
  font-size: 1rem;
  padding: .5rem 1rem;
  border-radius: .3rem;
  cursor: pointer;
}
function loadImage() {
  /*
    引数にはXMLHttpRequestを使うか(true),使わないか(false)をブール(論理)値で定める。
    そのため、外部ドメインの場合はfalse
  */
  var preload = new createjs.LoadQueue(false);
  preload.addEventListener("fileload", handleFileComplete);
  preload.loadFile("http://jsrun.it/assets/d/O/2/a/dO2at.png");
}

function handleFileComplete(event) {
 document.body.appendChild(event.result);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.