彈出窗口上的圖像旋轉

我有一個名爲braviPopUp的彈出窗口，我用它來顯示圖像，我也使用庫jqueryrotate旋轉這些圖像，但是當我嘗試使用此函數調用旋轉圖像時：$('#img').rotate({ animateTo: 90});我更改彈出窗口的寬度爲旋轉後圖像的寬度，但圖像旋轉在中心位置，彈出窗口停留在原來的位置，從而產生兩個分離的對象。我試圖將圖片移至彈出窗口的確切位置，反之亦然。彈出窗口上的圖像旋轉

我該怎麼辦？是否有任何圖書館可以滿足我的需求？

感謝

來源

2013-06-20 SVI

我已經成功地使用這個庫來旋轉圖像：https://github.com/louisremi/jquery.transform.js。希望能幫助到你。

來源

2013-06-20 11:39:54 quattel

沒有圖書館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" />

來源

2013-06-20 12:05:48

我的問題是不是與旋轉本身的問題是，當我旋轉圖像，它會不停地旋轉它的中心點和路線寬度將是高度，高度將是寬度，因此彈出式窗口也必須重新塑形，以便將圖像放在其邊框內。 – SVI

彈出窗口上的圖像旋轉

回答

相關問題