jQuery 调整图像大小以适应单击时的容器

Question

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

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

发生的情况是，一旦您将图像放入其中一个容器中，它将根据该容器的大小重新调整图像的大小。我为此添加了一个旋转件，这样当用户单击图像时，一旦图像位于容器中，它就会旋转。

我需要帮助的是在旋转发生后再次重新调整图像大小以适合容器。您可以从上面的链接中看到此操作的实时示例。

任何帮助将不胜感激!

谢谢

Answer 1

不确定代码，但似乎一旦你有了逻辑，代码应该很容易查看 fiddle 行为

当您单击框内的图像时 检查框宽度并根据需要更改图像宽度，然后检查图像高度是否大于框高度，如果不大于则完成。如果图像高度大于盒子高度，则根据高度调整大小