Question

我用images-map.com

将图像制作成地图

我制作了一些可点击的区域，但是当我点击其中一个区域时，我无法弄清楚如何制作一个功能。当我点击图片时，它会将我引导到一个网站。

<img id="Image-Maps-Com-image-maps-2014-02-12-182158" src=images/map2.png border="0" width="491" height="360" usemap="#image-maps-2014-02-12-182158" alt="" />

<map name="image-maps-2014-02-12-182158" id="ImageMapsCom-image-maps-2014-02-12-182158">

<area shape="rect" coords="489,358,491,360" alt="Image Map" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />

<area id="cen" shape="poly" coords="242,117,227,117,212,143,232,175,244,173,252,169,264,166,272,161,278,155" alt="Centrum" title="Centrum" target="_self" href="http://www.image-maps.com/"     />
</map>

我想创建一个函数来加载我在单击图像部分时创建的高图的ID。

我尝试用id替换href =“http://www.image-maps.com/”，但它不起作用

Answer 1

你的意思是JavaScript功能吗？如果是，请使用JavaScript Framework，例如jQuery。如果你使用jQuery，这里是一个简单的事件，它将绑定到任何img HTML标签。

$("img").click(function(){
alert("The image clicked");
}};

单击图像时如何制作功能

1 个答案: