A Pen by Jesse Allison on CodePen.
Created
June 27, 2018 13:59
-
-
Save jesseallison/d39d3916d7c250649550e175fdfe62e9 to your computer and use it in GitHub Desktop.
Image mapping and button clicks DDEM
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map --> | |
| <map name="primary"> | |
| //poly1<area shape="poly" coords="280,396,372,316,272,294,392,102,436,114" | |
| href= "img or video"/> | |
| //poly2 <area shape="poly" coords="616,442,798,302,416,304,480,102,722,106" href="https://www.mediashower.com/img/570/business%20cat%20stuffstumbledupon.jpg"> | |
| //polly3<area shape="poly" coords="766,104,760,102,852,310,898,290,914,374" href="vid or img ref"> | |
| <area shape="poly" coords= "764,102,794,92,848,308,896,290,932,396" | |
| href= "vid or img ref"> | |
| //poly4 | |
| <area shape="poly" coords="386,356,280,472,404,640,578,664,592,486" | |
| href= "img or video"/> | |
| //poly5 <area shape="poly" coords="826,350,636,490,914,462,636,664,810,638" href="vid or img ref"> | |
| //DDEM font <area shape="rect" coords="966,138,1324,38" href="about ddem"> | |
| </map> | |
| <img usemap="#primary" src="https://i.pinimg.com/originals/58/2f/52/582f520684ef9e72d5b5a3f8524d47c7.jpg" alt="350 x 150 pic"> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment