title: FancyBox linking to another page with image
body: <p>Ive never used fancy box before and i cannot get it to do anything but open a new window with the image in it, I would like it to open in the same page using the 'elastic' feature, 
  this is what i have written...</p>
  
  <pre><code>&lt;head&gt;
  &lt;link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" /&gt;
          &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
   &lt;div class="grid_5" id="images"&gt;
              &lt;a id="single_image" href="htmlandcss/images/1car.gif"&gt;&lt;img src="htmlandcss/images/1car.gif" alt=""/&gt;&lt;/a&gt;
  &lt;/div&gt;  
  
  &lt;/body&gt;
  &lt;script type="text/javascript"&gt;
          $(document).ready(function() {  
  
                          $("a#single_image").fancybox({
                              'transitionIn'  :   'elastic',
                              'transitionOut' :   'elastic', 
                              'overlayShow'   :   false
                          });
  
                      });
  
      &lt;/script&gt;
  </code></pre>
  
  <p>Any help will be appreciated </p>