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.

117 lines
2.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Homeostat 1</title>
<meta http-equiv="refresh" content="5; url=./room_2.html">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<style type="text/css">
body {font-family: mono;
position: relative;
background-image: url('./img/32.jpg');
}
h1 {background-color: white;
width: 215px;
padding: 6px;}
#n1 {width: 305px;
height: 488px;
position: absolute;
left: 1164px;
top: 607px;}
#n2 {width: 317px;
height: 437px;
position: absolute;
left: 1523px;
top: 630px;}
#n3 {width: 126px;
height: 126px;
position: absolute;
left: 218px;
top: 690px;
background-size: 126px 126px;}
#n4 {width: 137px;
height: 130px;
position: absolute;
left: 555px;
top: 590px;
background-size: 137px 130px;}
#n5 {width: 141px;
height: 119px;
position: absolute;
left: 559px;
top: 771px;
background-size: 141px 119px;}
#n6 {width: 135px;
height: 117px;
position: absolute;
left: 217px;
top: 918px;
background-size: 135px 117px;}
#n7 {width: 144px;
height: 122px;
position: absolute;
left: 560px;
top: 937px;
background-size: 144px 122px;}
a#n1:hover {
background-image: url(./img/15.jpg);
background-size: 305px 488px;
}
a#n2:hover {
background-image: url(./img/18.jpg);
background-size: 305px 426px;
}
a#n3:hover {
background-image: url(./img/9.jpg);
}
a#n4:hover {
background-image: url(./img/2.jpg);
}
a#n5:hover {
background-image: url(./img/3.jpg);
}
a#n6:hover {
background-image: url(./img/4.jpg);
}
a#n7:hover {
background-image: url(./img/5.jpg);
}
</style>
</head>
<body>
<audio autoplay="true" loop="true">
<source src="../media/sounds/Long/Homeostat/Hom_1.wav" type="audio/wav">
</audio>
<h1><a href="./room_1.html" target="_parent">Homeostat 1</a></h1>
<img id="img1" style="width: 640px;" src="./img/1.jpg" >
<a class="h" href="" id="n1"></a>
<a class="h" href="" id="n2"></a>
<a class="h" href="" id="n3"></a>
<a class="h" href="" id="n4"></a>
<a class="h" href="" id="n5"></a>
<a class="h" href="" id="n6"></a>
<a class="h" href="" id="n7"></a>
<script type="text/javascript">
var room = ["living_room.html", "dining_room.html"];
function randomInt(){ return Math.ceil(Math.random() * 2)-1; }
$('.h').each(function(){
$(this).attr("href", room[randomInt()] );
});
</script>
</body>
</html>