将缩放添加到Fancybox

我正在使用Fancybox作为我的缩略图库。 我想将JQZoom( http://www.mind-projects.it/projects/jqzoom/ )与fancybox一起使用。

最终结果:1。用户点击缩略图2.fancybox出现较大的图像3.用户可以将鼠标hover在图像上以使用JQZoom放大更多

现在我设置它来做这个效果。 fancybox完美运行,但JQZoom根本不起作用。 我也没有遇到任何使用firebug的错误。

这是页面:

http://waldondigital.com/mix/gallery.html

这是我的jquery:

http://pastebin.com/3Nc9pzMM

感谢您的时间,非常感谢。

这应该可以解决问题: http : //pastebin.com/mg7e0Z1S

它基本上将缩放图像作为内容添加到$.fancybox并在通过onComplete完成时应用$.jqzoom() 。 我禁用了滚动,因为jqzoom似乎为较小的图像添加了边框,从而产生了水平滚动条。

仅供参考,我只用内联变焦测试了这个……

您需要设置fancybox缩放以打开包含JQZoom代码的iframe样式灯箱。 可能是一个非常光滑的组合!