2016-01-24 51 views
0

我一直在试图找出如何使画面有不同点,用户可以在一个点击,它会显示一个说明。 这与交互式地图的概念相同,只是它不是地图,它只是一张图片。该图像将用于网站。如何使图像互动?

类似于此codepen(http://codepen.io/ scarl3tt/details/jEBmyG)但我不能让它与一个不同的图像工作。

我在CSS,HTML或JS方面都不流利。不过,我对CSS和HMTL都很满意。

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

在此先感谢 乔

+0

你可以使用一个图像映射:http://www.w3schools.com/tags/tag_map.asp – Jonathan

+0

在图像上放置一些元素(最有可能的是用绝对定位)并将一个点击事件附加到它们上面 - [小提琴]( https://开头jsfidd le.net/986m7oop/) –

+0

你说你试着用不同的图像,但没有成功拿到codepen例如工作,可你,你已经尝试过什么上codepen或的jsfiddle。 –

回答

0

随着你的技能,你应该使用htmlmaps,并通过简单的JS ID悬停/追赶的onclick追赶的基本行为。

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

+0

我会检查出来,感谢丹尼尔:) – Joe

+0

我建议jQuery和.find上的文件;) –