互动图片

时间:2011-07-15 16:39:01

标签: php css canvas svg

如何做到 - 这是一个房间照片,但有交互式部分,例如,如果你点击墙上的图片打开一个画廊,或者如果你点击电视一些视频播放,等等......我根本就没有使用闪光灯,但是它可能是一个选项,我仍然在寻找其他任何方式来做到这一点,我甚至不确定在这里应该使用什么,有没有办法让这个使用一个图像文件或者某些Canvas,SVG ......我不知道。有什么建议吗?   TY

Leron

3 个答案:

答案 0 :(得分:3)

实现这一目标的最简单方法是使用图像映射:

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在图像的各个部分上显示图库或视频。

答案 1 :(得分:1)

使用HTML标记MAP / Area

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

答案 2 :(得分:1)

也许使用HTML地图并点击通过Javascript打开图像/视频,让用户可以点击视频,图像等。

以下是一个很好的例子:http://www.w3schools.com/tags/tag_map.asp