javascript - 谷歌地图像图像滚动

时间:2011-01-26 17:00:56

标签: javascript jquery image

我想构建一个像谷歌地图一样工作的图像滚动条。首次加载网站时,页面中间会有一个包含图像部分的查看框。用户可以单击并拖动图像,即滚动,以检查图像的其他区域。如果用户碰巧滚动超出图像的周边,则该框将加载相邻图像。我还希望使用标记覆盖这些图像,用户可以单击这些标记以放大以获取更多详细信息。

是否有图书馆能够满足我的需求?或者接近我想要的东西,以便我可以开始定制它?或者,如果我必须从头开始构建,有关一般方法的任何建议吗?

我喜欢使用jquery库,所以使用jquery构建的任何东西都会很棒。

6 个答案:

答案 0 :(得分:4)

我不认为这会做你想要的一切,但可能是一个好的开始:SpryMap

答案 1 :(得分:3)

看看Overscroll jQuery插件。

答案 2 :(得分:1)

我已将OpenLayers用于与此类似的项目,效果很好! 不过基于jQuery。

它提供免费地图,但您也可以拥有自己的图像。

答案 3 :(得分:0)

在撰写/寻找解决方案时,只考虑一些设计思路:

有两种方法可以做到这一点,一种是多个切碎的图像,当用户在它们附近滚动时预先加载,另一种更简单并加载一个大图像。

如果您的图片非常大,您应该选择预先加载细分的解决方案,因为如果您可以无缝地执行此操作,这将更加用户友好。

大图像会显着减慢某些计算机/移动设备的速度!

答案 4 :(得分:0)

如果你自己构建了一些东西,它可能不是纯粹的jQuery。您需要编写一个服务器脚本,该脚本可以将您的大图像处理为您缓存的段,或者即时提供段。这就是你可以开始使用jQuery来控制何时加载的问题。

答案 5 :(得分:0)

我认为CraftMap似乎提供了你所要求的东西。但我不确定它是否支持缩放。