map/map2.html at master · MooCohen/map · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html><head>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery.min.js"></script>
<script language="javascript" src="scripts/resize2.js"></script>
<script language="javascript" src="scripts/resize.js"></script>
<script language="javascript" src="scripts/resize3.js"></script>
<script src="scripts/style.css"></script>
</head>
<body><script language="javascript">
$('img').mapster();

$('#imgmap').mapster({
fillColor: 'ff0000',
fillOpacity: 0.3
});

</script>
<map id="mapper" name="mapper">
<area shape="rect" title="" coords="84,128,260,320" href="#"  />
<area shape="rect" alt="pepe" title="" coords="268,144,432,300" href="pepe" target="" />
<area shape="rect" alt="elmo" title="" coords="248,436,448,708" href="elmo" target="" /><area shape="rect" alt="pepper" title="" coords="620,516,832,804" href="pepper" target="" /><area shape="rect" alt="gorgon" title="" coords="1176,544,1352,732" href="gorgon" target="" /><area shape="rect" alt="count" title="" coords="1180,752,1520,932" href="count" target="" /><!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --></map>
<img id="imgmap" src="map2.jpg" usemap="#mapper" style="width:100%"></img>