图像jQuery卷轴在容器中。 （像facebook cropper）无法获得位置值

Question

有一种真实的痛苦。

我有一个php图片上传程序，这是好的，并且sotring文件和jquery ajax返回图像在一个修改后的html div中，div设置如下：

#crop-holder {
  width:80px;
  height:80px;
  margin:10px 10px 20px 10px;
  border:1px #c0c0c0 solid;
  overflow:hidden;
  cursor:move;
 }

图片正常，我正在使用jquery scrollview插件：http://code.google.com/p/jquery-scrollview/

我尝试在插件中添加几行来存储scrollTop和Left的变量，然后在我的页面中用x和y替换两个隐藏的输入值。然后在div中返回的ajax html我试图按下一个按钮（例如）检索两个隐藏输入的值....

这是我添加到插件中的内容（我不是js专家！）：

.mouseout(function(){ 
 var _m = this.m;
    var lasty = _m.scrollTop();
   getElementById("ycord").value = lasty;
   var lastx = _m.scrollLeft();
  getElementById("xcord").value = lastx;
   self.stopgrab();
             })

仍然没有运气!!

如何获取scrollTop和scrollLeft并成功准备发送到另一个PHP脚本！？

感谢：）

stefpretty

Answer 1

我在http://jquery-scrollview.googlecode.com/svn/trunk/sample.html上尝试了这个例子，但仅限于safari，因为firefox根本不会加载它，而且它不起作用。

如果我理解正确，您想使用此数据裁剪图像吗？

如果是这样，我会建议使用完全其他的jquery插件：Jcrop

这个插件特别适合这种工作，在我看来更好地记录为scrollview。