title: how to implement jquery Power Zoom with fancybox?
body: <p>how to implement jquery Power Zoom ( <a href="http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm" rel="nofollow">http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm</a> ) with fancybox ( <a href="http://fancyapps.com/fancybox/demo/" rel="nofollow">http://fancyapps.com/fancybox/demo/</a> ) ? 
  I've tried this way, but still can not work</p>
  
  <pre><code>jQuery("#" + prefixId + "gallery a").fancybox({
      transitionIn: 'none',
      transitionOut: 'none',
      width: contentHeight,
      height: contentHeight,
      cyclic: true,
      onStart: function() {
          jQuery("#" + prefixId + "gallery").trigger("pause");
          jQuery("img.fancybox-image").addpowerzoom();
          console.log('start');
      },
      onClosed: function() {
          jQuery("#" + prefixId + "gallery").trigger("play");
          console.log('closed');
      },
      callbackOnShow: function() {
          jQuery("img.fancybox-image").addpowerzoom();
          console.log('show');
      },
      onComplete: function() {
          jQuery("img.fancybox-image").addpowerzoom();
          console.log('complete');
      }
  });​
  </code></pre>