我有一个名为braviPopUp
的弹出窗口,我用它来显示图像,我也使用库jqueryrotate
旋转这些图像,但是当我尝试使用此函数调用旋转图像时:$('#img').rotate({ animateTo: 90});
我更改弹出窗口的宽度为旋转后图像的宽度,但图像旋转在中心位置,弹出窗口停留在原来的位置,从而产生两个分离的对象。我试图将图片移至弹出窗口的确切位置,反之亦然。弹出窗口上的图像旋转
我该怎么办? 是否有任何图书馆可以满足我的需求?
感谢
我有一个名为braviPopUp
的弹出窗口,我用它来显示图像,我也使用库jqueryrotate
旋转这些图像,但是当我尝试使用此函数调用旋转图像时:$('#img').rotate({ animateTo: 90});
我更改弹出窗口的宽度为旋转后图像的宽度,但图像旋转在中心位置,弹出窗口停留在原来的位置,从而产生两个分离的对象。我试图将图片移至弹出窗口的确切位置,反之亦然。弹出窗口上的图像旋转
我该怎么办? 是否有任何图书馆可以满足我的需求?
感谢
我已经成功地使用这个库来旋转图像:https://github.com/louisremi/jquery.transform.js。希望能帮助到你。
没有图书馆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" />
我的问题是不是与旋转本身的问题是,当我旋转图像,它会不停地旋转它的中心点和路线宽度将是高度,高度将是宽度,因此弹出式窗口也必须重新塑形,以便将图像放在其边框内。 – SVI