Jquery gzoom插件中的参数错误无效

时间:2010-01-12 12:27:59

标签: jquery arguments zoom pan

我正在使用名为Jquery gzoom的Jquery插件。这是非常好的脚本,但当我在IE中测试它。该脚本显示无效参数错误。该错误仅在IE中显示。

我想知道是否有人可以知道脚本中的哪个位置会导致错误。

插件页面:http://lab.gianiaz.com/jquery/gzoom/index_it.html

提前致谢。

3 个答案:

答案 0 :(得分:1)

脚本在所有浏览器上加载正常。只有在IE中将滑块拖向zoomin时才会出现无效参数。如果您在IE中测试插件,您将看到错误。 该错误似乎并没有影响功能,只出现在IE中,我安装了Firebug lite,但仍然无法获得明确的错误信息。

我做了什么。

将以下代码放在母版页中,

<script type="text/javascript" language="javascript" src="../scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../scripts/ui.core.min.js"></script>
<script type="text/javascript" src="../scripts/ui.slider.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.gzoom.js"></script>
<script type="text/javascript" src="../scripts/jquery.mousewheel.js"></script> 

<script type= "text/javascript">

     $(document).ready(function(arg) {
      $("#zoom01").gzoom({
       sW: 312,
        sH: 312,
        lW: 930,
        lH: 930,
        loaderContent: "&nbsp;"
       });
     });

</script>

以下代码在内容页面中我希望图像放大和缩小。

<div class="item_zoom">
       <div id="zoom01" class="zoom">

                <asp:Image ID="testImag" ImageUrl="~/images/7409.jpg" runat="server" AlternateText="item image"/>
   </div>

       </div>

答案 1 :(得分:1)

它位于脚本本身:第107和113行的jquery.gzoom.js:

107: leftFactor = leftPos / deltaWidth;

113: topFactor = topPos / deltaHeight;

当LeftPos或topPos为0时,deltaWidth或deltaHeight为0,它会尝试除0/0,结果不是数字

解决方案:

将第107行更改为:

leftFactor = (deltaWidth==0) ? 0 : leftPos/ deltaWidth;

和第113行进入:

topFactor = (deltaHeight==0) ? 0 : topPos/deltaHeight;

答案 2 :(得分:0)

我怀疑问题在于你如何使用插件,而不是脚本本身。如果您查看页面上的示例,它们似乎工作正常。

浏览器调试消息应告诉您脚本在错误发生的位置,尽管使用像firebug这样的浏览器插件可以帮助您进一步隔离错误。

也许发布一些你如何称呼它的代码。