2019-12-28 01:46:09 +01:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<head>
|
2019-12-28 20:48:56 +01:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
<title>Alarian</title>
|
|
|
|
|
<!-- voir https://github.com/davidjbradshaw/image-map-resizer -->
|
|
|
|
|
<script type="text/javascript" src="imageMapResizer.min.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
function init() {
|
|
|
|
|
var slider = document.getElementById("myRange");
|
|
|
|
|
var output = document.getElementById("myImage");
|
|
|
|
|
output.style.width = "" + slider.value + "%";
|
2019-12-28 21:15:06 +01:00
|
|
|
imageMapResize();
|
2019-12-28 20:48:56 +01:00
|
|
|
slider.oninput = function() {
|
|
|
|
|
output.style.width = "" + this.value + "%";
|
|
|
|
|
imageMapResize();
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2019-12-28 01:46:09 +01:00
|
|
|
</head>
|
2019-12-28 20:48:56 +01:00
|
|
|
<body onload="init()">
|
|
|
|
|
<img id="myImage" src="alarian.png" alt="Alarian" usemap="#alarian" />
|
|
|
|
|
<map id="myMap" name="alarian">
|
2019-12-28 21:15:06 +01:00
|
|
|
<!-- Norven -->
|
|
|
|
|
<area shape="circle" coords="823,425,8" alt="Kraod" href="javascript:alert('Kraod')" title="Kraod" />
|
2019-12-28 20:48:56 +01:00
|
|
|
<area shape="rect" coords="862,419,877,434" alt="Shaïa Daod" href="javascript:alert('Shaïa Daod')" title="Shaïa Daod" />
|
2019-12-28 21:15:06 +01:00
|
|
|
<area shape="circle" coords="782,481,5" alt="??1" href="javascript:alert('??1')" title="??1" />
|
|
|
|
|
<area shape="circle" coords="621,554,5" alt="Heim-Hav" href="javascript:alert('Heim-Hav')" title="Heim-Hav" />
|
|
|
|
|
<area shape="circle" coords="726,550,5" alt="Törnod" href="javascript:alert('Törnod')" title="Törnod" />
|
|
|
|
|
<area shape="circle" coords="754,600,8" alt="Ragkaod" href="javascript:alert('Ragkaod')" title="Ragkaod" />
|
2019-12-28 23:48:35 +01:00
|
|
|
<area shape="circle" coords="1150,517,5" alt="Detad" href="javascript:alert('Detad')" title="Detad" />
|
|
|
|
|
<area shape="circle" coords="826,609,5" alt="Vulfnar" href="javascript:alert('Vulfnar')" title="Vulfnar" />
|
|
|
|
|
<area shape="circle" coords="673,667,5" alt="Ragd-Hav" href="javascript:alert('Ragd-Hav')" title="Ragd-Hav" />
|
|
|
|
|
<area shape="circle" coords="751,648,5" alt="Aelod" href="javascript:alert('Aelod')" title="Aelod" />
|
|
|
|
|
<area shape="circle" coords="751,724,8" alt="Tzagid" href="javascript:alert('Tzagid')" title="Tzagid" />
|
|
|
|
|
<area shape="circle" coords="811,735,5" alt="Roldur" href="javascript:alert('Roldur')" title="Roldur" />
|
|
|
|
|
<area shape="circle" coords="708,757,8" alt="Jerndal" href="javascript:alert('Jerndal')" title="Jerndal" />
|
|
|
|
|
<area shape="circle" coords="739,777,5" alt="Arn" href="javascript:alert('Arn')" title="Arn" />
|
|
|
|
|
<area shape="circle" coords="783,813,5" alt="Berg" href="javascript:alert('Berg')" title="Berg" />
|
|
|
|
|
<area shape="circle" coords="606,841,8" alt="Agtod-hav" href="javascript:alert('Agtod-hav')" title="Agtod-hav" />
|
2019-12-28 20:48:56 +01:00
|
|
|
<area shape="circle" coords="643,853,5" alt="Abod" href="javascript:alert('Abod')" title="Abod" />
|
2019-12-28 23:48:35 +01:00
|
|
|
<area shape="circle" coords="703,860,5" alt="Sejer" href="javascript:alert('Sejer')" title="Sejer" />
|
|
|
|
|
<area shape="circle" coords="1228,648,5" alt="Jotun" href="javascript:alert('Jotun')" title="Jotun" />
|
|
|
|
|
<area shape="circle" coords="1107,710,8" alt="Akh" href="javascript:alert('Akh')" title="Akh" />
|
|
|
|
|
<area shape="circle" coords="1004,733,5" alt="Afen" href="javascript:alert('Afen')" title="Afen" />
|
|
|
|
|
<area shape="circle" coords="1054,749,8" alt="Rzomyad" href="javascript:alert('Rzomyad')" title="Rzomyad" />
|
|
|
|
|
<area shape="circle" coords="1085,724,5" alt="Gojd" href="javascript:alert('Gojd')" title="Gojd" />
|
|
|
|
|
<area shape="circle" coords="1273,745,5" alt="Frija 1 ?" href="javascript:alert('Frija 1 ?')" title="Frija 1 ?" />
|
|
|
|
|
<area shape="circle" coords="1062,769,5" alt="Tjarom" href="javascript:alert('Tjarom')" title="Tjarom" />
|
|
|
|
|
<area shape="circle" coords="931,783,5" alt="Otgeir" href="javascript:alert('Otgeir')" title="Otgeir" />
|
|
|
|
|
<area shape="circle" coords="997,823,5" alt="Friel" href="javascript:alert('Friel')" title="Friel" />
|
|
|
|
|
<area shape="circle" coords="1149,814,5" alt="Erk" href="javascript:alert('Erk')" title="Erk" />
|
|
|
|
|
<area shape="circle" coords="1226,789,5" alt="Frija 2 ?" href="javascript:alert('Frija 2 ?')" title="Frija 2 ?" />
|
|
|
|
|
<area shape="circle" coords="932,868,5" alt="Rikke" href="javascript:alert('Rikke')" title="Rikke" />
|
|
|
|
|
|
2019-12-28 01:46:09 +01:00
|
|
|
</map>
|
2019-12-28 20:48:56 +01:00
|
|
|
<input type="range" min="30" max="250" value="30" class="slider" id="myRange" style="position: fixed; top: 0; left: 0" />
|
2019-12-28 01:46:09 +01:00
|
|
|
</body>
|
2019-12-28 01:03:29 +01:00
|
|
|
</html>
|
