jQuery使用animate调整大小

时间:2012-05-27 01:27:27

标签: javascript jquery jquery-ui jquery-animate

我有一张图片,完整图片尺寸为1920x1080。当在一个地方的屏幕上显示128x128时,您可以将其移动到屏幕的另一部分,并使用jQuery的.animate()函数将其调整为50%,然后调用$(el).resizable(),但是可调整大小的区域为1920x1080,因此您必须向下滚动,越过图像才能进入调整大小的句柄。

我创建了一个自定义函数来动画图像的放大并“破坏”调整大小,然后在放大图像后它会调用调整大小并且手柄仍为1920x1080,无论图像在屏幕上有多大。在调用图像上的resizable之后,我甚至尝试直接操作ui-wrapper的CSS以匹配图像的大小,但它总是重置为1920x1080。下面是我正在尝试直接操作包装器的一段代码...失败。

任何人都有任何想法如何让resizable()将手柄放在图像的边缘,无论图像有多大或多小,而不是将它们放在完整尺寸图像的边缘。谢谢!

 el.resizable('destroy');
 var myHeight = el.height(),
     myWidth = el.width();
 el.resizable({
      aspectRatio: that.calculateAR(el)
 })
 el.parent('.ui-wrapper').css({
      width: myWidth + "px",
      height: myHeight + "px"
 })

0 个答案:

没有答案