jquery - 弹出窗口上的图像旋转

Question

我有一个弹出窗口braviPopUp，用于显示图像，我还使用库旋转这些图像jqueryrotate，但是当我尝试使用此函数调用旋转图像时：$('#img').rotate({ animateTo: 90});我将弹出窗口的宽度更改为旋转后图像的宽度，但是图像在它的中心旋转并且弹出窗口停留在它的位置，导致两个分离的对象。我试图将图像移动到弹出窗口的确切位置但没有成功，反之亦然。

我应该怎么办？是否有任何图书馆可以满足我的需求？

谢谢

Answer 1

不需要库，只需检查我的小提琴希望这有助于 http://jsfiddle.net/ZZ28s/

<img class="imageView" src="http://fc02.deviantart.net/fs70/i/2012/164/6/2/ej_colored_doodle_by_sweetwatermelonsweet-d53b5tq.jpg" style="max-width:350px;max-height:350px;"></img>
<input type="hidden" id="angleInput" value="90" />
<input type="button" value="Rotate Right Side" id="right" />
<input type="button" value="Rotate Left Side" id="left" />

Answer 2

我已经成功地使用这个库来旋转图像：https ://github.com/louisremi/jquery.transform.js 。希望能帮助到你。