2012-05-17 10 views
2

適合容器我在這裏開發一個應用程序:jQuery的重新大小的圖片上點擊

http://jsfiddle.net/jwuliger/q5yvW/2/

正在發生的事情,一旦你把一個圖像插入容器將重新大小的圖像之一基於所述容器的大小。我爲此添加了一個旋轉塊,以便當用戶點擊圖像後,它將會旋轉。

我需要幫助的是在發生旋轉後再次調整圖像大小以適應容器。你可以從上面的鏈接看到這個工作的實例。

任何幫助將不勝感激!

感謝

回答

0

不知道的代碼,但它似乎一旦你有邏輯的代碼應該很容易看小提琴行爲

當你點擊一個箱子 複選框寬度和變化的內部圖像圖像寬度(如果需要),然後檢查圖像高度是否大於盒子高度,如果沒有,則完成。如果圖像高度大於框高,則根據高度調整大小

0

當圖像旋轉時,請注意其寬度和高度未切換。 http://jsfiddle.net/q5yvW/14/

如果圖像參數在90度旋轉後切換,算法可以正常工作。

200x150 - 0 degrees 
150x200 - 90 degrees 
+0

是的這是我也在想,但問題是我需要保持高寬比。我不能歪曲圖像以適應。 – Jared