【问题标题】:Adding zoom to Fancybox向 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

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

【问题讨论】:

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

标签: jquery jquery-plugins jquery-selectors fancybox


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-02-19
      • 1970-01-01
      • 2018-06-19
      • 2012-04-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多