3

在我开始一个项目之前,我正在做一些研究,我想在开始之前知道进行这个项目的最佳方法是什么。非常感谢我能得到的任何帮助,如有必要,我很乐意提供更多信息。

基本上,我会得到一些非常高分辨率的图像来显示给用户。我想创建一个界面,用户可以在其中滚动图像并放大,以及将鼠标悬停在图片的某些部分上并接收有关该特定位置的一些信息。另外,如果我可以在不以任何方式使用 Flash 的情况下做到这一点,我会非常非常喜欢它,因为我不喜欢 Flash 并且因为它无法在 i 设备上运行。

这是我正在寻找的缩放功能的示例,这是我正在寻找的悬停功能的示例(对不起,它们都是圣经手稿,并不是要对你们都信教,这些是我能找到的最好的例子!)

无论如何,到目前为止,我已经找到了这个漂亮的缩放脚本,但是我还没有找到任何可以悬停的东西(我正在寻找的另一个例子是当你在 Facebook 上的图片中标记某人时 - 如果你悬停在他们的脸上,他们的名字突然出现)。为了让事情变得更加困难,我必须弄清楚如何让它们玩得更好,所以放大不会破坏悬停功能。

所以我的问题是......有没有人有这样的经验?你对允许这种事情的项目(开源是首选)有什么建议吗?我真的很感谢你们优秀的人能给我的任何帮助!之后我将发布我的发现和代码。

4

1 回答 1

1

我认为谷歌地图(和其他此类技术)背后的技术将是可行的方法。使用 Google Maps API,您可以使用自己的自定义图块而不是地图图块。然后,您可以在地图上设置边界以阻止用户离开您的可用图像。最后,您可以使用 API 指定“地图”上多边形的坐标。这些多边形很棒,因为它们允许您进行悬停/单击事件,这应该为您提供您所追求的功能。

我发现一篇与您所追求的内容相似的好文章可以在这里找到:http: //forevermore.net/articles/photo-zoom/

希望这能提供一些方向,听起来像是你即将开始的一个有趣的项目:)

于 2013-03-01T08:44:04.937 回答