弹出窗口上的图像旋转

时间:2013-06-20 11:29:25

标签: jquery rotation image-rotation

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

我该怎么办? 是否有任何图书馆能满足我的需求?

由于

2 个答案:

答案 0 :(得分: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" />

答案 1 :(得分:0)

我已成功使用此库来旋转图像:https://github.com/louisremi/jquery.transform.js。希望它有所帮助。