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' 
});