title: Links inside a fancybox popup
body: <p>I have an issue that I am lost on how to solve. In my program, when a user clicks an image the fancybox script runs causing a new image to appear as a popup. However, in that image I would like to be able to place links as well. Basically I want to use link blocks of specific width and height and position within the popup image, creating a link within a link. Is that even possible to do?</p>
  
  <p>Here is some code:</p>
  
  <pre><code>&lt;!--Using the fancybox functions --&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function(){
              $("#contentArea a").fancybox({
                  'overlayShow'   : false,
                  'transitionIn'  : 'elastic',
                  'transitionOut' : 'elastic'
  
              });
              });
      &lt;/script&gt;
  </code></pre>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div id="contentArea" role="main"&gt;
               &lt;a href="../images/IRPA_two-navigation-books.png" title="Raj Sharma" style="width: 217px;height: 117px;position: absolute;display: block;top: 340px;left: 450px; background-image:url(../images/transparent.png)"&gt;&lt;/a&gt;         
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see I created a fancybox image popup for a block link in a specific position. How do I create links with specified width/height and position within the popup fancy box image?</p>
  
  <p>This is the tool/library that I am using, in-case anyone is confused:
  <a href="http://fancybox.net/" rel="nofollow">http://fancybox.net/</a></p>
  
  <p>Thanks!</p>