You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ilinx/home/short_corridor.html

187 lines
9.4 KiB
HTML

<!DOCTYPE html>
<html class="gr__"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<title>mmmmm</title>
<style type="text/css">
body {font-family: mono;
position: relative;
background-image: url('./img/7.jpg');
background-size: 1912px;
}
.m {
position: absolute;
width: 75px;
height: 75px;
display: block;
background-size: 75px 75px;
}
</style>
</head>
<body data-gr-c-s-loaded="true" style="cursor: auto;">
<audio autoplay="true" loop="true">
<source src="../media/sounds/Long/Homeostat/Hom_4.wav" type="audio/wav">
</audio>
<a class="m" href="" style="left: 2023px; top: 973px;"></a>
<a class="m" href="" style="left: 40px; top: 32px;"></a>
<a class="m" href="" style="left: 2182px; top: -6px;"></a>
<a class="m" href="" style="left: 2184px; top: 541px;"></a>
<a class="m" href="" style="left: 2184px; top: 424px;"></a>
<a class="m" href="" style="left: 2186px; top: 268px;"></a>
<a class="m" href="" style="left: 1412px; top: 942px;"></a>
<a class="m" href="" style="left: 2185px; top: 152px;"></a>
<a class="m" href="" style="left: 152px; top: 32px;"></a>
<a class="m" href="" style="left: 2185px; top: 698px;"></a>
<a class="m" href="" style="left: 2185px; top: 974px;"></a>
<a class="m" href="" style="left: 2185px; top: 816px;"></a>
<a class="m" href="" style="left: 276px; top: 374px; background-image: none;"></a>
<a class="m" href="" style="left: 893px; top: 647px;"></a>
<a class="m" href="" style="left: 1804px; top: 954px;"></a>
<a class="m" href="" style="left: 1666px; top: 952px;"></a>
<a class="m" href="" style="left: 1547px; top: 537px;"></a>
<a class="m" href="" style="left: 1531px; top: 945px;"></a>
<a class="m" href="" style="left: 1415px; top: 815px;"></a>
<a class="m" href="" style="left: 1295px; top: 937px;"></a>
<a class="m" href="" style="left: 1168px; top: 932px;"></a>
<a class="m" href="" style="left: 1030px; top: 928px;"></a>
<a class="m" href="" style="left: 896px; top: 925px;"></a>
<a class="m" href="" style="left: 775px; top: 920px;"></a>
<a class="m" href="" style="left: 654px; top: 918px;"></a>
<a class="m" href="" style="left: 540px; top: 917px;"></a>
<a class="m" href="" style="left: 421px; top: 915px;"></a>
<a class="m" href="" style="left: 307px; top: 909px;"></a>
<a class="m" href="" style="left: 192px; top: 908px;"></a>
<a class="m" href="" style="left: 58px; top: 909px;"></a>
<a class="m" href="" style="left: 52px; top: 784px;"></a>
<a class="m" href="" style="left: 2020px; top: 816px;"></a>
<a class="m" href="" style="left: 1958px; top: 816px;"></a>
<a class="m" href="" style="left: 1810px; top: 817px;"></a>
<a class="m" href="" style="left: 1668px; top: 819px;"></a>
<a class="m" href="" style="left: 1540px; top: 814px;"></a>
<a class="m" href="" style="left: 1544px; top: 678px;"></a>
<a class="m" href="" style="left: 1296px; top: 805px;"></a>
<a class="m" href="" style="left: 1424px; top: 533px;"></a>
<a class="m" href="" style="left: 1171px; top: 805px;"></a>
<a class="m" href="" style="left: 1040px; top: 801px;"></a>
<a class="m" href="" style="left: 900px; top: 793px;"></a>
<a class="m" href="" style="left: 774px; top: 790px;"></a>
<a class="m" href="" style="left: 650px; top: 784px;"></a>
<a class="m" href="" style="left: 533px; top: 781px;"></a>
<a class="m" href="" style="left: 418px; top: 784px;"></a>
<a class="m" href="" style="left: 406px; top: 643px;"></a>
<a class="m" href="" style="left: 287px; top: 644px;"></a>
<a class="m" href="" style="left: 188px; top: 780px;"></a>
<a class="m" href="" style="left: 47px; top: 642px;"></a>
<a class="m" href="" style="left: 2021px; top: 700px;"></a>
<a class="m" href="" style="left: 1958px; top: 700px;"></a>
<a class="m" href="" style="left: 1803px; top: 688px;"></a>
<a class="m" href="" style="left: 1811px; top: 552px;"></a>
<a class="m" href="" style="left: 1680px; top: 544px;"></a>
<a class="m" href="" style="left: 1698px; top: 42px;"></a>
<a class="m" href="" style="left: 1422px; top: 670px;"></a>
<a class="m" href="" style="left: 1297px; top: 664px;"></a>
<a class="m" href="" style="left: 1178px; top: 658px;"></a>
<a class="m" href="" style="left: 1040px; top: 655px;"></a>
<a class="m" href="" style="left: 770px; top: 647px;"></a>
<a class="m" href="" style="left: 648px; top: 514px;"></a>
<a class="m" href="" style="left: 656px; top: 644px;"></a>
<a class="m" href="" style="left: 527px; top: 646px;"></a>
<a class="m" href="" style="left: 152px; top: 151px;"></a>
<a class="m" href="" style="left: 158px; top: 251px;"></a>
<a class="m" href="" style="left: 175px; top: 642px;"></a>
<a class="m" href="" style="left: 298px; top: 781px;"></a>
<a class="m" href="" style="left: 46px; top: 506px;"></a>
<a class="m" href="" style="left: 2021px; top: 542px;"></a>
<a class="m" href="" style="left: 1958px; top: 543px;"></a>
<a class="m" href="" style="left: 1820px; top: 416px;"></a>
<a class="m" href="" style="left: 1823px; top: 289px;"></a>
<a class="m" href="" style="left: 1687px; top: 408px;"></a>
<a class="m" href="" style="left: 1694px; top: 176px;"></a>
<a class="m" href="" style="left: 1294px; top: 38px; background-image: none;"></a>
<a class="m" href="" style="left: 1167px; top: 38px; background-image: none;"></a>
<a class="m" href="" style="left: 1043px; top: 518px;"></a>
<a class="m" href="" style="left: 897px; top: 518px;"></a>
<a class="m" href="" style="left: 524px; top: 512px;"></a>
<a class="m" href="" style="left: 397px; top: 510px;"></a>
<a class="m" href="" style="left: 764px; top: 34px;"></a>
<a class="m" href="" style="left: 647px; top: 36px;"></a>
<a class="m" href="" style="left: 282px; top: 507px; background-image: none;"></a>
<a class="m" href="" style="left: 159px; top: 376px; background-image: none;"></a>
<a class="m" href="" style="left: 168px; top: 505px; background-image: none;"></a>
<a class="m" href="" style="left: 266px; top: 33px;"></a>
<a class="m" href="" style="left: 43px; top: 258px;"></a>
<a class="m" href="" style="left: 2021px; top: 425px;"></a>
<a class="m" href="" style="left: 1959px; top: 425px;"></a>
<a class="m" href="" style="left: 1828px; top: 47px;"></a>
<a class="m" href="" style="left: 1825px; top: 179px;"></a>
<a class="m" href="" style="left: 1674px; top: 683px;"></a>
<a class="m" href="" style="left: 1692px; top: 284px;"></a>
<a class="m" href="" style="left: 1558px; top: 40px;"></a>
<a class="m" href="" style="left: 1427px; top: 40px;"></a>
<a class="m" href="" style="left: 1177px; top: 527px;"></a>
<a class="m" href="" style="left: 769px; top: 511px;"></a>
<a class="m" href="" style="left: 1034px; top: 36px;"></a>
<a class="m" href="" style="left: 891px; top: 34px;"></a>
<a class="m" href="" style="left: 270px; top: 141px;"></a>
<a class="m" href="" style="left: 1299px; top: 532px;"></a>
<a class="m" href="" style="left: 521px; top: 35px;"></a>
<a class="m" href="" style="left: 387px; top: 37px;"></a>
<a class="m" href="" style="left: 44px; top: 380px;"></a>
<a class="m" href="" style="left: 48px; top: 143px;"></a>
<a class="m" href="" style="left: 1553px; top: 406px;"></a>
<a class="m" href="" style="left: 1427px; top: 395px;"></a>
<a class="m" href="" style="left: 1557px; top: 276px;"></a>
<a class="m" href="" style="left: 1560px; top: 172px;"></a>
<a class="m" href="" style="left: 1424px; top: 271px;"></a>
<a class="m" href="" style="left: 1428px; top: 168px;"></a>
<a class="m" href="" style="left: 1294px; top: 392px;"></a>
<a class="m" href="" style="left: 1295px; top: 267px;"></a>
<a class="m" href="" style="left: 1296px; top: 159px;"></a>
<a class="m" href="" style="left: 1172px; top: 387px;"></a>
<a class="m" href="" style="left: 1171px; top: 265px;"></a>
<a class="m" href="" style="left: 1173px; top: 155px;"></a>
<a class="m" href="" style="left: 1041px; top: 382px;"></a>
<a class="m" href="" style="left: 1041px; top: 259px;"></a>
<a class="m" href="" style="left: 1043px; top: 151px;"></a>
<a class="m" href="" style="left: 896px; top: 379px;"></a>
<a class="m" href="" style="left: 896px; top: 251px;"></a>
<a class="m" href="" style="left: 893px; top: 149px;"></a>
<a class="m" href="" style="left: 768px; top: 378px;"></a>
<a class="m" href="" style="left: 768px; top: 253px;"></a>
<a class="m" href="" style="left: 768px; top: 146px;"></a>
<a class="m" href="" style="left: 645px; top: 375px;"></a>
<a class="m" href="" style="left: 645px; top: 252px; background-image: none;"></a>
<a class="m" href="" style="left: 519px; top: 378px;"></a>
<a class="m" href="" style="left: 395px; top: 375px; background-image: none;"></a>
<a class="m" href="" style="left: 516px; top: 255px; background-image: none;"></a>
<a class="m" href="" style="left: 647px; top: 146px; background-image: none;"></a>
<a class="m" href="" style="left: 389px; top: 253px;"></a>
<a class="m" href="" style="left: 269px; top: 254px;"></a>
<a class="m" href="" style="left: 521px; top: 141px; background-image: none;"></a>
<a class="m" href="" style="left: 389px; top: 141px; background-image: none;"></a>
<script type="text/javascript">
var rooms = ['../main_l3.html','room_2.html'];
function randomInt2(){ return Math.ceil(Math.random() * 2) -1;}
$('.m').each(function(){
$(this).attr("href", rooms[randomInt2()] );
});
function randomInt3(){return Math.ceil(Math.random() * 35);}
$('.m').hover(function(e) {
var r = randomInt3()
$(this).css("background-image",e.type === "mouseenter"?"url(./img/" + randomInt3() + ".jpg":"none")
});
</script>
</script>
</body></html>