title: unable to load a dicom image using cornerstone
body: <p>I am trying to load a dicom image using cornerstone library. I get an error - uncaught exception: loadImage: no image loader for imageId.
  I have my image file named as image-1.dcm. What am I doing wrong? </p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;!-- twitter bootstrap CSS stylesheet - not required by cornerstone --&gt;
      &lt;link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  
  &lt;h1&gt;
  jsminimal/index.html
  &lt;/h1&gt;
  
  This is an example of the minimal use of cornerstone driven by javascript
  
  &lt;br&gt;
  &lt;br&gt;
  
  In this example, javascript is used to image enable a div.
  
  &lt;br&gt;
  &lt;br&gt;
  
  
  &lt;div id="dicomImage" style="width:512px;height:512px;"&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;!-- cornerstone depends on jQuery so it must be loaded first--&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;!-- include the cornerstone library --&gt;
  &lt;script src="cornerstone-master/dist/cornerstone.js"&gt;&lt;/script&gt;
  
  &lt;!-- include special code for these examples which provides images --&gt;
  &lt;script src="cornerstone-master/example/exampleImageIdLoader.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  
      $(document).ready(function() {
          var imageId = 'image-1';
          var element = document.getElementById('dicomImage');
          cornerstone.enable(element);
          cornerstone.loadImage(imageId).then(function(image) {
              cornerstone.displayImage(element, image);
          });
      });
  
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>