精细缩放说明(JQuery)

时间:2011-09-21 19:44:23

标签: javascript jquery fancybox

我目前正在尝试使用“精细缩放”jquery工具来处理网站上的平移和缩放。以下是指示的链接:http://codecanyon.net/item/fine-zoom/full_screen_preview/407907。我按照他们的指示,但无论出于何种原因我收到的表明“fancybox”不是一个功能。

这是我对fancybox的致电:

$("a#lnkPan").fancybox({
    onComplete:function(){
        $('#imgPan').finezoom();
    }
});

我也添加了他们的js库。有没有人能够使“精细变焦”工作?

2 个答案:

答案 0 :(得分:0)

启动提琴手并查看http流量。我的猜测是你对js文件的引用是因为某种原因是404'或错误。

答案 1 :(得分:0)

我是finezoom的创造者。要使用finezoom,您只需将其应用于图像标记即可。在网站上我只是查看一个例子,如何使用另一个jQuery插件fancybox精确缩放。要使用精细缩放,请按照以下步骤操作:

  • 加载jQuery.js,finezoom.js和可选的jQueryMousewheel.js javascript文件
  • 准备好您的图片代码,提供,ID或CLASS
  • 准备图片标记
  • 然后在图片类或id:$('.class').finezoom();
  • 上调用finezoom

就是这样,在此之后你可以放大,缩小,拖动,平移图像。如果您需要更多说明,请与我联系或再次访问文档页面,我刚刚更新了它。