2011-05-13 48 views
11

我正在使用Fancybox作为缩略图库。我想用JQZoom(http://www.mind-projects.it/projects/jqzoom/)以及fancybox。将变焦添加到Fancybox

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

放大

现在我有它成立的目的这个效果。 fancybox完美地工作,但JQZoom根本不工作。我还没有遇到任何使用萤火虫的错误。

这里的页面:

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

这里是我的jQuery:

http://pastebin.com/3Nc9pzMM

感谢您的时间,它的高度赞赏。

+0

嗨,你已经做到了这一点?如果是的话如何?因为我想做同样的事情.... :) – 2015-12-05 12:07:37

回答

0

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

1

这应该做的伎俩:http://pastebin.com/mg7e0Z1S

它基本上增加了变焦图像内容$.fancybox当它的通过onComplete完成适用$.jqzoom()。 我禁用了滚动,因为jqzoom似乎向较小的图像添加边框,导致水平滚动条。我只测试了这个内联缩放...