title: Implementing zoom inside fancybox
body: <p>I have a magazine on my site with the following markup:</p>
  
  <pre><code>&lt;a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_02-03.jpg"&gt;&lt;img     src="http://fashion.megamall.ru/images/2012/journal/small/journal_02-03.jpg"&gt;&lt;/a&gt;
  &lt;a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_04-05.jpg"&gt;&lt;img src="http://fashion.megamall.ru/images/2012/journal/small/journal_04-05.jpg"&gt;&lt;/a&gt;
  &lt;a class="fancybox" rel="group" href="http://fashion.megamall.ru/images/2012/journal/big/journal_06-07.jpg"&gt;&lt;img src="http://fashion.megamall.ru/images/2012/journal/small/journal_06-07.jpg"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I am using fancybox to create a... lightbox-like preview with thumbnails. But because my initial magazine pages are quite big, the fancybox resizes them to fit into the viewport thus they're not readable. What I would like to do is to add some zoom functionality to the fancybox.
  I've found a thread here on Stachoverflow <a href="https://stackoverflow.com/questions/5994003/adding-zoom-to-fancybox">Adding zoom to Fancybox</a> where someone tries to achive the same result using jqzoom. I've tried to implement the suggested solution but it does not seem to work.</p>
  
  <p>Could you please help me with this task? Maybe I need to launch fancybox content from other place and not from this very page? But I still need the images list in my HTML because they're used to show the magazine outside the fancybox.</p>
  
  <p>Here's my website:</p>
  
  <p><a href="http://fashion.megamall.ru/journal" rel="nofollow noreferrer">http://fashion.megamall.ru/journal</a></p>
  
  <p>Thank you!</p>