如何使图像互动？

Question

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

类似于这个codepen（http://codepen.io/ scarl3tt / details / jEBmyG）的东西，但我无法使用其他图像。

我不熟悉CSS，HTML或JS。但是，我对CSS和HMTL都相当不错。

所以我想知道，我将如何编码？或者是否有自动生成代码的工具？

提前致谢 乔

Answer 1

您应该使用image map和<area>代码创建<map>

网上也有很多发电机，只需Google Search

您还可以查看this question了解用于创建图片地图的更多工具

Answer 2

有了你的技能，你应该使用htmlmaps并通过简单的js id-hover / onclick catch来捕捉基本行为。

可以在谷歌找到有用的地图生成器。