我怎样才能让图像互动？ [英] How can I make an image interactive?

问题描述

我一直想弄清楚如何让图片有不同的点，用户可以点击一个点，它会显示一个描述。
这与交互式地图的概念相同，只是它不是地图，它只是一张图片。该图像将用于网站。

类似于此codepen（ http://codepen.io/ scarl3tt / details / jEBmyG）但我无法让它与另一个图像一起工作。

我不熟悉CSS，HTML或JS。不过，我对CSS和HMTL都很满意。

所以我想知道，我会如何编码？或者有没有一种工具可以自动生成代码？

在此先感谢
Joe

您应该使用图片地图 / zh-CN / docs / Web / HTML / Element / arearel =nofollow noreferrer> < area> 和 < map> 标记

也有很多发电机可供在线使用，只需做一个 Google搜索

您还可以查看这个问题，以获取更多用于创建图像映射的工具。

I've been trying to figure out how to make a picture have different points where the user can click on one and it will display a description. It's the same concept as an interactive map, just it's not a map, it's just a picture. The image would be for a website.

Something similar to this codepen (http://codepen.io/ scarl3tt/details/jEBmyG) but i can't get it to work with a different image.

I'm not fluent in either CSS, HTML or JS. However, I am fairly good with both CSS and HMTL.

So I'm wondering, how would I code it? OR is there a tool that generates the code automatically?

Thanks in advance Joe

解决方案

You should create an image map using the <area> and <map> tags

There are lots of generators available online too, just do a Google Search

You can also check out this question for more tools used to create Image Maps

这篇关于我怎样才能让图像互动？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！