我正在寻找能够滚动图像的JavaScript插件（最好是jQuery），就像Google Maps一样。
我可以使图像可拖动，但即使父div为overflow:hidden，我也会在拖动时看到整个图像。
非常感谢任何帮助！
答案 0 :(得分：10)
（我现在已经很晚了这个死党，但是嘿，我通过搜索找到了这个页面......）
mooware建议的Scrollview插件对我不起作用。
然而 Dragscrollable 做了： http://plugins.jquery.com/project/Dragscrollable
答案 1 :(得分：3)
查看Google Maps Image Cutter它可以拍摄任何图像或数码照片并将其剪切成Google地图上显示的图块。可以快速做你需要的事情......
答案 2 :(得分：3)
我可能会晚一点，但我只是在找同样的事情。我偶然发现的是scrollview对于jquery来说，它的工作非常完美，而且确实是谷歌地图，就像拖动滚动到溢出的div一样。
答案 3 :(得分：2)
您可以使用google maps api ...它们允许您将其与自定义图像一起使用。您可以选择控件是否显示。
编辑：找到一个关于如何做到这一点的体面教程。 http://mapki.com/wiki/Add_Your_Own_Custom_Map
答案 4 :(得分：2)
有关基础技术的详细描述，请参阅实用程序员的书Pragmatic Ajax第4章（如果我没记错的话）。
您将看到图像切片和切割如何在封面下工作。和缩放。
答案 5 :(得分：1)
这与javascript关系不大，而与CSS coding有关。
尝试使用HTML和CSS进行一些实验以使图像正确剪辑，然后添加javascript来移动它。
如果您无法使用HTML剪辑，或者使用javascript文章移动，则可以在此处进行最简单的问题演示，以便我们进行调试。
没有代码我们就在黑暗中拍摄。
答案 6 :(得分：0)
Google地图使用切成块的图像，当用户平移到不同方向时，这些块会动态加载。 Google Maps Image Cutter保罗迪克森提到的是你想要的工具。
如果您只想平移一个大图像，而不是将图像切割成块的额外复杂性，那么您应该使用clip属性而不是使用CSS overflow属性。所有值得思考的浏览器都支持这一点，如果我没记错的话，可以支持IE4。
需要注意的一点是：CSS2.1规范显示了用逗号分隔的rect值的示例。但是IE6不支持这一点（也许不是IE7）。但是，所有其他浏览器都不懂逗号。而不是
clip: rect(5px, 40px, 45px, 5px);
你应该使用
clip: rect(5px 40px 45px 5px);
兼容性。
你需要一个容器＆lt; div＆gt;设置为位置：相对于＆lt; img＆gt;元素，然后设置为position：absolute。
因此，基本技术是在用户拖动时更新顶部和左侧值，将这些值与视图定义的宽度和高度一起使用到图像上以创建相应的rect（）字符串，并更新顶部，左侧和＆lt; img＆gt;的剪辑属性元素的风格属性。
不要做我做的事情，并在rect（）字符串中的值之后省略“px”。我花了很长时间才意识到它为什么不起作用： - ）