title: Problems using fancybox to display popup images
body: <p>This is my code on the Site.master :</p>
  
  <p><code>&lt;head runat="server"&gt;
  &lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt;<br>
  &lt;/head&gt;</code></p>
  
  <p>On the default.aspx page I have :</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"&gt;
  &lt;link href="fancybox/source/jquery.fancybox.css?v=2.1.4" rel="stylesheet" type="text/css" media="screen"/&gt;
  &lt;/asp:Content&gt;
  &lt;asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.4"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $('#gallery a').fancybox();
      });
  &lt;/script&gt;
  &lt;div class="gallery"&gt;
  &lt;a href="images/Books/hpcos.jpeg" rel="gallery"&gt;
  &lt;img src="images/Books/hpcos.jpeg" width="70" height="70" alt = "" /&gt;
  &lt;/a&gt;
  &lt;a href="images/Books/the_hobbit.jpeg" rel="gallery"&gt;
  &lt;img src="images/Books/the_hobbit.jpeg" width="70" height="70" alt = "" /&gt;
  &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When i click on the image a page loads with just the image.Could someone please point out where I'm going wrong.</p>