项目研究-可缩放,可滚动,可悬停的高分辨率图像

Project Research - Zoomable, Scrollable, Hoverable High-Resolution Images

本文关键字:悬停 图像 高分辨率 滚动 缩放 项目      更新时间:2023-09-26

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

基本上,我将得到一些非常高分辨率的图像显示给用户。我想创建一个界面,用户可以在图像周围滚动和放大,以及悬停在图片的部分,并接收有关该特定位置的一些信息。而且,如果我可以不使用Flash就能做到这一点,我真的会非常非常喜欢,因为我不喜欢Flash,也因为它不能在I -devices上工作。

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

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

所以我的问题是……有人有过类似的经历吗?对于允许这种事情的项目(最好是开源项目),您有什么建议吗?我真的很感激你们这些好人能给我的任何帮助!我将在之后发布我的发现和代码。

我认为Google地图(以及其他类似的技术)背后的技术将是一条可行的道路。使用Google Maps API,您可以使用自己的自定义磁贴而不是地图磁贴。然后,您可以在地图上设置边界,以阻止用户从可用图像中导航。最后,你可以使用API来指定"地图"上多边形的坐标。这些多边形是伟大的,因为它允许你有悬停/点击事件,这应该为你提供你想要的功能。

我在这里找到了一篇与你所追求的类似的好文章:http://forevermore.net/articles/photo-zoom/

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