动态调整图像贴图和图像的大小

我目前正在尝试在我的网站上制作一个图像地图,它将根据窗口的大小调整大小。。。我想知道是否有任何方法可以用HTML来实现这一点,或者我必须用Javascript或其他语言来实现这一点

<div style=“文本对齐:中心;宽度:1920px;左边距:自动;右边距:自动”>
<img id=“Image-Maps_520121070133251”src=”https://stackoverflow.com/questions/13321067/Site.png“usemap=“#Image-Maps_520121070133251”border=“0”width=“1920”height=“1080”alt=”“/>;
<地图id=“\u Image-Maps\u 52012107013351”name=“Image-Maps\u 52012107013351”>
<area shape=“poly”coords=“737116114918944473”,href=”http://essper.bandcamp.com“alt=“Bandcamp”title=“Bandcamp”/>
<area shape=“poly”coords=“100658914185901211945,”href=”http://soundcloud.com/essper“alt=“Soundcloud”title=“Soundcloud”/>
<area shape=“poly”coords=“502590910591708944,”href=”http://facebook.com/the.essper“alt=“Facebook”title=“Facebook”/>
&lt/地图>

我编写了一个小的库来将imageMap缩放为一个可调整大小的图像,这样随着图像的缩放,贴图保持同步。当您要映射比例缩放的百分比图像等时非常有用

它可以与jQuery一起使用,也可以不与jQuery一起使用

https://github.com/davidjbradshaw/imagemap-resizer

你可以看到它在工作

http://davidjbradshaw.com/imagemap-resizer/example/

发表评论