Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html页面小地图或地图概述_Javascript_Jquery_Html - Fatal编程技术网

Javascript Html页面小地图或地图概述

Javascript Html页面小地图或地图概述,javascript,jquery,html,Javascript,Jquery,Html,我有一个很大的html页面,像4000x6000像素的图片和文本。 我想在一个小分区中有一个类似于此页面的地图概述。一个可以用来导航的整个页面的缩放版本。 有人知道如何使用js脚本或示例吗?谢谢。我想不出一种在html/javascript中实现这一点的方法,我敢肯定,但是对于整个页面?。如果该网站是建立在闪存。。。但除此之外,我想你可能是S.O.L.对不起。为什么你的网站这么大?这远远超出了avg用户的解决方案,并且违反了大约15条可用性规则。以下是如何做到这一点的基本框架: 找到一种方法拍摄

我有一个很大的html页面,像4000x6000像素的图片和文本。 我想在一个小分区中有一个类似于此页面的地图概述。一个可以用来导航的整个页面的缩放版本。
有人知道如何使用js脚本或示例吗?谢谢。

我想不出一种在html/javascript中实现这一点的方法,我敢肯定,但是对于整个页面?。如果该网站是建立在闪存。。。但除此之外,我想你可能是S.O.L.对不起。为什么你的网站这么大?这远远超出了avg用户的解决方案,并且违反了大约15条可用性规则。

以下是如何做到这一点的基本框架:

找到一种方法拍摄整个页面的屏幕截图。然后,使用比例因子(如1/25)向下调整其大小

在页面的角落,覆盖一个图像。创建一个事件处理程序,该处理程序对单击图像的位置作出反应。在事件处理程序内部,查找单击图像的位置(即x坐标、y坐标)

使用比例的倒数(如果比例为1/25,则可能为x25)获得页面的实际尺寸。使用jQuery滚动到该位置

如果您在这些步骤中需要任何帮助,请告诉我;这只是为了让您开始。

类似于:但是对于整个html页面