title: jQuery how to center image vertically and horizontally a.k.a. image lightbox?
body: <p><a href="http://jsfiddle.net/b6CyG/1/" rel="nofollow">jsFiddle</a></p>
  
  <pre><code>  $(document).ready (function(){
      $("a").click(function(){
              $(".myCanvas").fadeIn();
              $(".myCanvas").html ($(this).html());               
      }); 
  });
  </code></pre>
  
  <p><code>a</code> is an image link. Is it possible eto put a <code>$(this).css({});</code> inside the <code>$(this.html)</code>? What I am trying to do is when i click the image i want the image to appear in the middle of the webpage with a transparent black background behind it to cover the other images without using Fancybox and lightbox. </p>