title: How to make work DataURL and Lightbox together
body: <p>I want to use <strong>Lightbox</strong>. Images are binding from back-end in VB.NET(database-sqlserver).</p>
  
  <p>Here is HTML which is inside a datalist controler:</p>
  
  <pre><code>&lt;a href='&lt;%# Eval("images")%&gt;' rel="lightbox[Brussels]"&gt;
  &lt;img alt="" src='&lt;%# Eval("images")%&gt;' height="150" width="150" class=" img img-thumbnail" /&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I am not storing the images filepath. Just storing the images in <strong>varbinary(max)</strong> So cant give <strong>href</strong> attribute of Link.</p>
  
  <p>I referenced hyperlink <strong>href</strong> attribute via <strong>dataurl</strong>.Its value is coming in <strong>base64</strong></p>
  
  <pre><code>dr("images") = "data:Image/png;base64," &amp; Convert.ToBase64String(imgbyte)
  </code></pre>
  
  <p>where <strong>imgbyte</strong> is byte array().</p>
  
  <p>Whenever I am clicking on the Image(binded from database),it should come in front using Lightbox.
  But problem is arousing as image poping out is partial clear or 30% clear rest blured or nothing at all.Don't know the exact reason why?</p>
  
  <p>I have read somewhere that Internet Explorer 6 or 7 is not using dataurl. And it can show upto 32kb size image. But I have checked it in IE11.It does't work.</p>
  
  <p>Any possibility how can we show images  of big size using dataurl in LightBox? </p>
  
  <p>Any other possibility how can we achieve this?</p>