title: how to show lightbox popup with image?
body: <p>In the following code. After save button clicked it is asking for download the output image generated from Html2canvas. How to chage this code so that instaed of asking to download it will generate the image on the fly with 'lightbox' feature. </p>
  
  <p>I tried as :</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"/&gt;
          &lt;title&gt;test2&lt;/title&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"&gt;&lt;/script&gt; 
          &lt;script type="text/javascript" src ="http://code.jquery.com/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="html2canvas.js?rev032"&gt;&lt;/script&gt; 
          &lt;script type="text/javascript"&gt;
              $(window).load(function() {
                  $('#load').click(function() {
                      html2canvas($('#testdiv'), {
                          onrendered: function (canvas) {
                              var img = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
                  window.location.href = img;
  
                          }
                      });
  
                  });
              });
          &lt;/script&gt;       
      &lt;/head&gt;
      &lt;body&gt;  
          &lt;div id="testdiv"&gt;
              &lt;h1&gt;Testing&lt;/h1&gt;
              &lt;h4&gt;One column:&lt;/h4&gt;
              &lt;table border="1"&gt;
              &lt;tr&gt;
                  &lt;td&gt;100&lt;/td&gt;
              &lt;/tr&gt;
              &lt;/table&gt;
              &lt;br/&gt;
          &lt;/div&gt;
          &lt;input type="button" value="Save" id="load"/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>