title: asp.net fancybox load image bug
body: <p>Below is the output of the fancybox iframe from google chrome
  <img src="https://i.stack.imgur.com/oPg24.png" alt=""></p>
  
  <p>And Here is the output of the fancybox ifrom from IE
  <img src="https://i.stack.imgur.com/OymZf.jpg" alt="enter image description here"></p>
  
  <p>Here is the Markup page code:</p>
  
  <pre><code>   &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          /*
          *   Examples - images
          */
  
          $("[id*=img]").fancybox();
  
          $('.fancyframe').fancybox({
              'titlePosition': 'inside',
              'type': 'iframe',
              'width': 1024,
              'height': 768
          });
      });
  &lt;/script&gt;
  &lt;a class="fancyframe" href="/imgLoader.aspx"&gt;&lt;img src="/imgLoader.aspx"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Here is the code behind of imgLoader.aspx</p>
  
  <pre><code>  protected void Page_Load(object sender, EventArgs e)
          {
                 byte[] a = Common.GetImage();
     Response.BinaryWrite(a);
          }
  </code></pre>
  
  <p>Why chrome only loads the byte array instead of the image while IE can display the image and how to fix this bug?</p>