使用jQuery动画的响应式图像

Question

我正在创建一个jquery动画，它会在地图上覆盖一个气球。 气球需要在特定点“起飞”和“降落”。

我需要让它响应，这就是问题：如何根据地图大小自行调整点数？ （要使地图图像具有响应性，我正在使用bootstrap类img-responsive） 我还需要让气球大小响应，但我已经考虑过了，我需要使用CSS Media Types。

任何人都知道任何已经这样做或有任何想法的图书馆吗？

---

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

Answer 1

通过将您的积分确定为百分比，您可以删除图像大小作为一个因素。

jsfiddle.net/isherwood/w2XdZ

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

Answer 2

基于isherwood回答我找到了一种方法：

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