jQuery動畫響應式圖像

Question

我正在創建一個覆蓋地圖上的氣球的jquery動畫。 氣球需要在特定點「起飛」和「降落」。

我需要使它響應，這裏是問題：如何根據地圖大小使點自動可調？ （對於地圖圖像的響應我使用bootstrap類img-responsive） 我還需要使氣球大小響應，但我已經考慮到我將需要使用CSS Media Types。

任何人都知道任何已經這樣做或有任何想法的圖書館？

---

代碼：http://jsfiddle.net/52VtD/3350/

Answer 1

基於isherwood答案，我找到了一個方法：

http://jsfiddle.net/w2XdZ/6/

Answer 2

通過建立您的積分爲百分比您刪除的圖像大小的一個因素。

jsfiddle.net/isherwood/w2XdZ

// Fix Balloon Initial Position 
$("#balloon").css({ 
    top: '50%', 
    left: '50%', 
    position: 'absolute' 
});