gpt4 book ai didi

jquery - 为 Fancybox 添加缩放功能

转载 作者:行者123 更新时间:2023-12-03 22:18:58 25 4
gpt4 key购买 nike

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

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

最佳答案

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

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

仅供引用,我只使用内联缩放测试了这一点...

关于jquery - 为 Fancybox 添加缩放功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5994003/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com