title: Image zoom with jQuery
body: <p>I've been searching for what plug in is used in these 2 sites for the full screen image viewing:</p>
  
  <ul>
  <li><a href="http://www.zara.com/webapp/wcs/stores/servlet/product/fr/en/zara-S2012/190033/718530/DRAPE+NECK+COAT#content" rel="nofollow">Product zoom example 1</a> </li>
  <li><a href="http://fr.topshop.com/webapp/wcs/stores/servlet/ProductDisplay?beginIndex=0&amp;viewAllFlag=&amp;catalogId=34056&amp;storeId=13057&amp;productId=4866706&amp;langId=-2&amp;sort_field=Relevance&amp;categoryId=345717&amp;parent_categoryId=345707&amp;pageSize=20" rel="nofollow">Product zoom example 2</a></li>
  </ul>
  
  <p>I'm searching for a jQuery module (or tutorial) that would do something similar. Note that I'm talking about the FULL SCREEN PICTURE when you CLICK on the product image, not the "CloudZoom" feature when your mouse is over the image.
  I'm currently using the widely used Lightbox module with CloudZoom, but the image loaded by Lightbox is way to big (because the href points to a BIG image, for the CloudZoom zoom).</p>
  
  <p>What I need here is to have an image that uses the full browser size (not bigger than the current browser, as the lightbox creates an opaque dark background that only takes the browser's height. If my image is bigger, the user can scroll down but the lightbox dark background doesn't fill up the page).</p>
  
  <p>Many thanks for your help</p>