0

brandonaaron jquery-mousewheel プラグインを使用しています

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

パンズームのズーム機能付き。

問題は、無限にスクロールダウンしてスクロールアップする最大値を修正できないことです。この問題を解決するにはどうすればよいですか。

シンプルな機能を試してみましたが、ここでマウスホイールを作ることができません

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 に答える