将缩放添加到Fancybox

时间:2011-05-13 15:13:00

标签: jquery jquery-plugins jquery-selectors fancybox

我正在使用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

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

2 个答案:

答案 0 :(得分:1)

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

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

仅供参考,我只用内联缩放测试了这个......

答案 1 :(得分:0)

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