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