javascript - 带有 jQ​​uery 动画的响应式图像

Question

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

我需要使其具有响应性，这就是问题:如何使点根据 map 大小进行 self 调整？ (为了使 map 图像具有响应性，我使用 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'
});