jquery - jQuery缩放和平移

我正在使用jquery-1.2.6.js和jquery.panFullSize.js两个js文件来缩放和平移图像。

这是我的html，

<a href="#" id="zoom">Zoom< /a>

<img src="testimage.jpg" alt="finnish winter" width="600" border="0"
    usemap="#mypicMap" id="mypic" style="border: medium solid black" />

这是我的JavaScript，

$("img#mypic").panFullSize(700, 450).css("border", "medium solid black");
$("a#zoom").toggle(function(){
        $("img#mypic").normalView();
    },
    function(){
        $("img#mypic").panFullSize();
    }
);

我在尝试什么，如果我单击图像（鼠标按下 200 microsecond）图像，则它将随着平移工作而平移。

最佳答案

看起来插件panFullSize创建了一个div，该div的图像ID前面带有pan。因此，您可以执行以下操作：

   $('#panmypic').mousedown(function(){
        $(this).bind('mouseup',function(){
            $("img#mypic").normalView();
        })
        .bind('mousemove',function(e){
            $(this).unbind('mouseup');
        });
    });
   $("img#mypic").click(function(){
             $("img#mypic").panFullSize();
    });

关于jquery - jQuery缩放和平移，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1385159/