Question

正在使用html5 / js处理Windows 8应用程序。我试图在图像上创建可点击的热点。我尝试使用图像映射，就像我们在普通的html网站中所做的那样，如下面的视频所示。 http://www.youtube.com/watch?v=q45CwyPtd9g。

使用的代码如下：

<img src="sampleimage.png" alt="screen1" width="3836" height="768" usemap="#Map" longdesc="file:///C|/Users/sample.png" border="0" /> <map name="Map" id="Map"> <area shape="rect" coords="1090,176,1636,664" href="www.google.com" alt="imagespot1" /> </map>

当我将它渲染到浏览器时，它正在工作。但它对Windows 8无效。

有没有办法让它发挥作用？（或）是否有其他替代技术可以在图像上创建可点击的热点？

Answer 1

如果我使用地图区域HREF属性的完全限定网址，您的图片地图代码就可以正常使用。

<img src="sampleimage.png" alt="screen1" width="3836" height="768" usemap="#Map" border="0" /> 
<map name="Map" id="Map"> 
    <area shape="rect" coords="1090,176,1636,664" href="http://www.google.com" alt="imagespot1" /> 
</map>

如何在winjs应用程序中创建图像映射热点？

1 个答案: