Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.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 dreamviewer imagemap是否;“协调”;属性更改wrt浏览器视口大小?_Javascript_Html_Dreamweaver_Imagemap - Fatal编程技术网

Javascript dreamviewer imagemap是否;“协调”;属性更改wrt浏览器视口大小?

Javascript dreamviewer imagemap是否;“协调”;属性更改wrt浏览器视口大小?,javascript,html,dreamweaver,imagemap,Javascript,Html,Dreamweaver,Imagemap,我在基于地图的网页上添加了图像地图。 因为它应该在不同的分辨率下工作,所以当浏览器视口大小更改时,必须动态更改图像贴图中定义的热点 例:当我最初在印度放置一个热点并更改浏览器大小时,它应该仍然可以 放在印度而不是其他地方 我看到一个名为“coords”的属性包含3个参数 这些属性在更改浏览器viweport大小时是否会动态更改 或者我可以让它们动态变化吗 还是建议使用javascript (据我测试,它们是固定在绝对位置的。)我对图像地图做了一些研究,发现: 更改浏览器视口大小时,它们不会动态更

我在基于地图的网页上添加了图像地图。 因为它应该在不同的分辨率下工作,所以当浏览器视口大小更改时,必须动态更改图像贴图中定义的热点

例:当我最初在印度放置一个热点并更改浏览器大小时,它应该仍然可以 放在印度而不是其他地方

我看到一个名为“coords”的属性包含3个参数

  • 这些属性在更改浏览器viweport大小时是否会动态更改
  • 或者我可以让它们动态变化吗
  • 还是建议使用javascript
    (据我测试,它们是固定在绝对位置的。)

    我对图像地图做了一些研究,发现:

  • 更改浏览器视口大小时,它们不会动态更改其位置
  • 我没有试图动态地改变它们。希望您能够使用javascript完成这项工作
  • javascript是我问题的解决方案
  • 使用javascript

    可以采用浏览器视口的宽度和高度

    相对于该宽度或高度,可以定位元素


    dreamviewer中的imagemaps并不能解决这个问题

    图像首先是动态地改变大小吗?@Pekka:是的,创建“imagemaps”的图像会动态地改变大小。我想你必须在图像地图上使用相对(百分比)坐标。像素坐标无法缩放。不知道Dreamweaver是否支持这一点,如果您想要缩放图像,那么我建议您使用SVG。矢量在上下缩放时不会退化,使用Raphael等酷炫工具,您可以轻松地在不同区域单击SVG图像,如使用图像地图。他们也得到了很好的支持: