绘制相对于全屏背景图像的点

时间:2011-04-22 14:54:08

标签: jquery position

我在我正在建设的网站上遇到了定位问题。我有一个全屏背景图像,可根据浏览器尺寸进行缩放。我想要做的是在图像上绘制“兴趣点”,这样当用户将鼠标悬停在一个图像上时,会弹出一个描述。问题是,图像会根据浏览器尺寸缩小和增长,我无法将点保持在正确的位置。

以下是测试版本:http://recoverstudio.com/test-build/gallery.html 小“+”是兴趣点。我希望在调整浏览器窗口大小时保留在电视上。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:0)

您可以做的一件事就是让您感兴趣的点成为图像顶部的图像地图。

另一种选择是将基本图像视为矢量图像,然后将整个页面作为一个大的SVG图像。这将允许您定义向量空间中的点,它在缩放时将保持不变。

答案 1 :(得分:0)

看看ezBgResize是如何工作的,似乎你需要在调整大小时重新计算每个感兴趣地点的位置。

您基本上必须检查$(“#jq_ez_bg”)的尺寸并相应地移动所有点。你当然必须以某种方式确保在调整图像大小后完成点的移动。