容器中的图像 jQuery 滚动条。 （如 facebook 裁剪器）无法获取位置值

Posted 2023-02-25

【中文标题】容器中的图像 jQuery 滚动条。 （如 facebook 裁剪器）无法获取位置值

【英文标题】：Image jQuery scroller in a container. (like facebook cropper) can't get values of position

【发布时间】：2010-04-21 20:32:16

【问题描述】：

真的很痛苦。

我有一个 php 图片上传器，一切都很好，并且对文件进行了排序，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 滚动视图插件：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 脚本！？

谢谢:)

漂亮的

【问题讨论】：

您能否提供指向失败 html 的链接？

【参考方案1】：

我已经在http://jquery-scrollview.googlecode.com/svn/trunk/sample.html 上尝试过这个示例，但只在 safari 中尝试过，因为 firefox 根本不会加载它，而且它不起作用。

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

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

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

【讨论】：

它对我来说似乎可以在 Firefox 中工作，好吗！？但是您是对的，但我最终设法得到了答案***.com/questions/2476590/… 但是感谢您的回答，这将是一个很好的替代解决方案。