互动图片

Question

如何才能做到-致敬，这是一个房间的图片，但与互动的部分，例如，如果你点击图片在墙上的画廊是打开的，或者如果你点击电视上的一些视频播放等.我根本不使用闪光灯，但可能这是一个选择，仍然我搜索任何其他的方式来做到这一点，我甚至不确定应该使用什么严格这里应该使用，有没有办法做到这一点使用一个图像文件或也许一些画布，SVG...我不know.Any建议？Ty

勒隆

Answer 1

实现这一点的最简单方法是使用图像映射：

http://en.wikipedia.org/wiki/Image_map

文章中的代码：

<img src="image.png" alt="alternative text" usemap="#mapname" />
<map name="mapname">
    <area shape="rect" coords="9,372,66,397" href="http://en.wikipedia.org/" />
</map>

你用坐标标出图片的区域(门，电视)，然后这些区域就可以点击了。

然后，您可以使用JavaScript在图像的各个部分上显示图库或视频。

Answer 2

使用HTML的标记映射/区域

http://www.w3.org/wiki/HTML/Elements/area

Answer 3

可以使用HTML地图，通过Javascript点击打开图像/视频，让用户能够点击视频、图像等。

这里有一个很好的例子：http://www.w3schools.com/tags/tag_map.asp