2012-01-23 113 views
1

我使用具有图像缩放功能jQuery的文件中的函数:如何创建调用一个函数

http://www.albanx.com/jslibs/axzoomer.js

一切工作正常。但是现在我需要一个不包含在插件中的功能。 在缩放激活事件中,应该更改默认缩放级别。

我tryied是这样的:

imageLoaded:function() 
{ 
    return this.each(function() 
    { 
     var $this = $(this); 
     $this.zoomInOut(1.5); 

     // zoomInOut(1.5); 
    }); 
}, 

,但没有运气...因为我不知道该函数是如何在jQuery的工作,而zoomInOut是内部函数的函数,因为我想通出...

任何帮助表示赞赏。

UPDATE

之前所显示的功能被集成到这个js文件:

http://www.ifmi.lt/public/axzoomer/axzoomer-1.5.js(382线)。

对于那些不知道热的axzoomer作品:你需要提供2个正常大小的图像,另一个大的缩放大小。然后,通过缩放小图像开始初始缩放,当图像的比例大于1.2时,大图像加载。

在我的代码,因为我使用的jquery.reel库也定制了一个axzoomer方法。当点击缩放按钮,然后这个函数被调用:

function zoomImage() 
{ 
    var value = Number ($('#image360').attr('src').split ('_')[1].split ('.')[0]); 

    $('#zoom-content').load(initiateZoom); 

    $('#zoom-content').attr ('src', 'products/1/' + value + '.jpg'); 
    $('#zoom-content').attr ('src-big', 'product/1/zoom/' + value + '.jpg'); 

    $('#zoom-content').axzoomer({ 
     'maxZoom':3, 
     'opacity':0.5, 
     'sensivity':17, 
     'showControls':false, 
     'zoomIn':'', 
     'zoomOut':'' 
    }); 
} 

小图像已经加载完毕后,initiateZoom函数被调用。 的axzoomer ('imageLoaded');功能是从JS可达,它被称为当小图像被加载:(起始于线382在axzoomer.js功能)

function initiateZoom() 
{ 
    $('#zoom-content').axzoomer ('enable'); 
    $('#zoom-content').axzoomer ('imageLoaded'); 
} 

但是内部的imageLoaded的我不能达到zoomInOut功能,在初始加载时缩放图像。

+1

函数内的函数....“我们需要更深入!” :-D – Quasdunk

+1

你遗漏了一些至关重要的东西:它怎么不工作?始终准确地描述你想要什么和期望以及你实际得到什么,其中包括任何错误消息。此外,标题需要更具体化。编写一个“调用函数的函数”是一件简单的事情:'function foo(){};函数bar(){foo()}'。 – outis

+0

试试这个希望这有助于http://stackoverflow.com/questions/1384037/binding-an-existing-javascript-function-in-jquery –

回答

1

好的,对问题采取了不同的处理方法,很快就解决了。

这是溶剂。

该文件:http://www.ifmi.lt/public/axzoomer/axzoomer-1.5+.js

  1. 添加了新的设定参数:initialZoom(第32行)
  2. 添加用于initialZoom参数的检查(线382)

的新的功能检查的initialZoom参数,如果存在,则在ax-zoomer初始化时将图像从图像中心缩放该量。

相关问题