向 Fancybox 添加缩放

Posted 2023-03-05

【中文标题】向 Fancybox 添加缩放

【英文标题】：Adding zoom to Fancybox

【发布时间】：2011-08-25 00:57:03

【问题描述】：

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

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

现在我已经将它设置为执行此效果。 fancybox 完美地工作，但 JQZoom 根本不工作。我也没有遇到任何使用 firebug 的错误。

这是页面：

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

这是我的 jquery：

http://pastebin.com/3Nc9pzMM

感谢您的宝贵时间，非常感谢。

【问题讨论】：

嗨，这样做了吗？如果是的话怎么办？因为我想做同样的事情.... :)

【参考方案1】：

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

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

仅供参考，我只使用内联缩放进行了测试...

【参考方案2】：

您需要设置 fancybox zoom 来打开一个 iframe 样式的灯箱，其中包含您的 JQZoom 代码。可能是一个非常巧妙的组合！