将缩放添加到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样式灯箱。 可能是一个非常光滑的组合!