title: 'data:image/jpg;base64' and jQuery image preview in Internet Explorer
body: <p>I get a <a href="http://en.wikipedia.org/wiki/Base64" rel="nofollow">Base64</a> encoded photo from a method. And I add it programmatically as a src of an image. Then I use a the <a href="http://leandrovieira.com/projects/jquery/lightbox" rel="nofollow">jQuery lightBox</a> plugin to show a preview of a image. In Firefox and Chrome everything works fine, but in Internet&nbsp;Explorer&nbsp;9 as an image preview shows only a few lines of my image.</p>
  
  <p>So the image is not displayed as a whole; it's showing only a small percentage of it. The rest disappeared, and it looks like something stopped loading it at some moment. The Base64 is fine, in other web browsers the whole image appears, and there are only problems with Internet&nbsp;Explorer.</p>
  
  <p>In my aspx:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
          $('#gallery a').lightBox({ fixedNavigation: true });
      });
  &lt;/script&gt;
  
  &lt;div id="gallery"&gt;
      &lt;a id="aPhoto" runat="server"&gt;
          &lt;img alt="photo" id="imgPhoto" runat="server" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In my aspx.cs file:</p>
  
  <pre><code>imgPhoto.Attributes.Add("src", "data:image/jpg;base64," + base64Image);
  </code></pre>
  
  <p>So I insert something like this into the aspx file:</p>
  
  <pre><code>imgPhoto.Attributes.Add("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==");
  </code></pre>
  
  <p>How do I modify it to work with Internet&nbsp;Explorer?</p>