0

我正在使用brandonaaron jquery-mousewheel插件

https://github.com/brandonaaron/jquery-mousewheel

在Pan Zoom上具有缩放功能。

问题是我无法修复最大值以无限向下滚动和向上滚动。我该如何解决这个问题。

我已经尝试过它的简单功能,但我无法在这里制作鼠标滚轮

var zoomLevel = 100;
var maxZoomLevel = 105;
var minZoomLevel = 95;

function zoom(zm) {
 var img=document.getElementById("pic");
 if(zm > 1){
    if(zoomLevel < maxZoomLevel){
        zoomLevel++;
    }else{
        return;
    }
 }else if(zm < 1){
    if(zoomLevel > minZoomLevel){
        zoomLevel--;
    }else{
        return;
    }
 }
 wid = img.width;
 ht = img.height;
 img.style.width = (wid*zm)+"px";
 img.style.height = (ht*zm)+"px";
 img.style.marginLeft = -(img.width/2) + "px";
 img.style.marginTop = -(img.height/2) + "px";
}​

如何在鼠标滚轮功能中给出最大值和最小值

4

1 回答 1

0

该插件没有缩放级别的概念 - 所以这种方法不起作用。相反,它会不断放大/缩小并根据图像的当前大小跟踪状态 - 它会随着您的缩放而增加/减少。

您可以使用 min_width 和 min_height 选项限制可以缩放的“远”距离 - 当前未实现 max,但同样的逻辑也可用于添加 max_width 和 max_height。

于 2013-01-04T13:36:37.783 回答