调整大小时,如何在特定点将一个元素相对于另一个元素定位

时间:2014-08-28 14:43:49

标签: javascript jquery html css

我尝试了stackoverflow中提到的其他几个代码,所有代码都在特定位置和特定距离上工作。我试图使用MAP> AREA标签,但发现的插件无法继续调整大小,使点完全脱离图片。

需要在特定点的图像上放置元素。 换句话说,当我调整浏览器大小时,图像将会减少,并且必须将该点保持在他所在的位置。

看三张图片的例子:
1 - Image FULL并指向正确的位置;
2 - Medium image。这已经开始失败;
3 - Not much smaller image。现在这里非常出局;

我目前正在使用此代码:

$('.btParede').css("top", ( $('.imageBox').offset().top + 200 ) + "px"); 
$('.btParede').css("left", ( $('.imageBox').offset().left + $('.imageBox').width() - 400 ) + "px");

在调整大小而不丢失特定点时,相对于另一个元素有一个更具体的位置?

由于

****我忘了提到这个****

我使用“fitToParent”jQuery resize to aspect ratio来缩放和重新加载并维护文档内图像的纵横比

这是另一个示例http://jsfiddle.net/Tyriar/ypb5P/1/在调整大小时工作正常,但重新加载时,搞砸了..任何人都经历过这个?单向工作而不是另一种工作?

再次感谢!

0 个答案:

没有答案