我在我正在建设的网站上遇到了定位问题。我有一个全屏背景图像,可根据浏览器尺寸进行缩放。我想要做的是在图像上绘制“兴趣点”,这样当用户将鼠标悬停在一个图像上时,会弹出一个描述。问题是,图像会根据浏览器尺寸缩小和增长,我无法将点保持在正确的位置。
以下是测试版本:http://recoverstudio.com/test-build/gallery.html 小“+”是兴趣点。我希望在调整浏览器窗口大小时保留在电视上。
非常感谢任何帮助。
答案 0 :(得分:0)
您可以做的一件事就是让您感兴趣的点成为图像顶部的图像地图。
另一种选择是将基本图像视为矢量图像,然后将整个页面作为一个大的SVG图像。这将允许您定义向量空间中的点,它在缩放时将保持不变。
答案 1 :(得分:0)
看看ezBgResize是如何工作的,似乎你需要在调整大小时重新计算每个感兴趣地点的位置。
您基本上必须检查$(“#jq_ez_bg”)的尺寸并相应地移动所有点。你当然必须以某种方式确保在调整图像大小后完成点的移动。