jQuery重新调整大小图像以适应点击容器

时间:2012-05-17 20:54:50

标签: jquery jquery-ui

我正在开发一个应用程序:

http://jsfiddle.net/jwuliger/q5yvW/2/

发生的事情是,一旦您将图像放入其中一个容器中,它将根据所述容器的大小重新调整图像大小。我为此添加了一个旋转部件,以便当用户在容器中点击图像时它将旋转。

我需要帮助的是在旋转发生后再次调整图像大小以适应容器。您可以通过上面的链接查看此实时示例。

非常感谢任何帮助!

由于

2 个答案:

答案 0 :(得分:0)

不确定代码但似乎一旦你有逻辑代码应该很容易看到小提琴行为

单击框内的图像 复选框宽度并根据需要更改图像宽度,然后检查图像高度是否大于框高度,如果没有则完成。如果图像的高度大于框高,则根据高度

调整大小

答案 1 :(得分:0)

旋转图像时要小心,宽度和高度没有切换。 http://jsfiddle.net/q5yvW/14/

如果图像参数在旋转90度后切换,您的算法可以正常工作。

200x150 - 0 degrees
150x200 - 90 degrees