2013-06-20 64 views
0

我有一个名为braviPopUp的弹出窗口,我用它来显示图像,我也使用库jqueryrotate旋转这些图像,但是当我尝试使用此函数调用旋转图像时:$('#img').rotate({ animateTo: 90});我更改弹出窗口的宽度为旋转后图像的宽度,但图像旋转在中心位置,弹出窗口停留在原来的位置,从而产生两个分离的对象。我试图将图片移至弹出窗口的确切位置,反之亦然。弹出窗口上的图像旋转

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

感谢

回答

1

没有图书馆requried,只是检查我的小提琴 希望这有助于 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" /> 
+0

我的问题是不是与旋转本身的问题是,当我旋转图像,它会不停地旋转它的中心点和路线宽度将是高度,高度将是宽度,因此弹出式窗口也必须重新塑形,以便将图像放在其边框内。 – SVI