首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >互动图片

互动图片
EN

Stack Overflow用户
提问于 2011-07-16 00:39:01
回答 3查看 164关注 0票数 1

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

勒隆

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-07-16 00:42:37

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

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

文章中的代码:

代码语言:javascript
复制
<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在图像的各个部分上显示图库或视频。

票数 3
EN

Stack Overflow用户

发布于 2011-07-16 00:42:47

使用HTML的标记映射/区域

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

票数 1
EN

Stack Overflow用户

发布于 2011-07-16 00:43:30

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

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6710332

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档