2016-01-24 48 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上的文件;) –