Javascript dreamviewer imagemap是否;“协调”;属性更改wrt浏览器视口大小?
我在基于地图的网页上添加了图像地图。 因为它应该在不同的分辨率下工作,所以当浏览器视口大小更改时,必须动态更改图像贴图中定义的热点 例:当我最初在印度放置一个热点并更改浏览器大小时,它应该仍然可以 放在印度而不是其他地方 我看到一个名为“coords”的属性包含3个参数Javascript dreamviewer imagemap是否;“协调”;属性更改wrt浏览器视口大小?,javascript,html,dreamweaver,imagemap,Javascript,Html,Dreamweaver,Imagemap,我在基于地图的网页上添加了图像地图。 因为它应该在不同的分辨率下工作,所以当浏览器视口大小更改时,必须动态更改图像贴图中定义的热点 例:当我最初在印度放置一个热点并更改浏览器大小时,它应该仍然可以 放在印度而不是其他地方 我看到一个名为“coords”的属性包含3个参数 这些属性在更改浏览器viweport大小时是否会动态更改 或者我可以让它们动态变化吗 还是建议使用javascript (据我测试,它们是固定在绝对位置的。)我对图像地图做了一些研究,发现: 更改浏览器视口大小时,它们不会动态更
(据我测试,它们是固定在绝对位置的。)我对图像地图做了一些研究,发现:
dreamviewer中的imagemaps并不能解决这个问题图像首先是动态地改变大小吗?@Pekka:是的,创建“imagemaps”的图像会动态地改变大小。我想你必须在图像地图上使用相对(百分比)坐标。像素坐标无法缩放。不知道Dreamweaver是否支持这一点,如果您想要缩放图像,那么我建议您使用SVG。矢量在上下缩放时不会退化,使用Raphael等酷炫工具,您可以轻松地在不同区域单击SVG图像,如使用图像地图。他们也得到了很好的支持: