-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (114 loc) · 4.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!-- For the goodness of all sentient beings and especially those in software team of FEI Czech Republic s.r.o, whom I disappointed greatly. That is
Miroslav Vanhara, Petr Valasek, Miroslav Jadrny, Andrea Proli, Stanislav Novak, Michal Talanda, Monika Kostolna, Milan Kabat, Silvestr Seredi,
Stanislav Novak, Frantisek Svoboda, Filip Jerabek, Drahoslav Zan, Petr Novacek, Tomas Kosar, Jan Gersl, Martin Prchlik, Lukas Berka, Martin Volf,
David Beer, Michael Trutman, Renata Mullerova, Romca
-->
<!DOCTYPE html5>
<html lang="en">
<head>
<title>Kee-Gompa Tour</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<script type="text/javascript" src="js/jquery.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="Stylesheet" href="./css/pannellum.css"/>
<script type="text/javascript" src="./js/libpannellum.js"></script>
<script type="text/javascript" src="./js/pannellum.js"></script>
<script type="text/javascript" src="./js/init.js"></script>
<style type="text/css">
body {
background: #701c19;
text-align: center;
margin: 0px;
}
a {
font-size: 16px;
font-weight: bold;
}
/* unvisited link */
a:link {
color: white;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: hotpink;
}
/* selected link */
a:active {
color: blue;
}
#panorama {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<audio src="song2-silent.mp3" id="myAudio" autostart="true" loop="true">
<p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>
<script>
$(document).ready(function() {
document.getElementById("myAudio").loop = true;
});
</script>
<div id="panorama"></div>
<div style="position:absolute; bottom: 10px; right: 10px;">
<button id="musicOnBtn" style="width:100px;">Zapnout hudbu</button>
<button id="musicOffBtn" style="display:none; width:100px">Vypnout hudbu</button>
</div>
<script>
$(document).ready(function() {
$("#musicOnBtn").click(function() {
document.getElementById("myAudio").play();
$("#musicOnBtn").hide();
$("#musicOffBtn").show();
});
$("#musicOffBtn").click(function() {
document.getElementById("myAudio").pause();
$("#musicOnBtn").show();
$("#musicOffBtn").hide();
});
});
</script>
<script>
$(document).ready(function() {
//function getURLParameter(name) {
// return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search) || [null, ''])[1].replace(/\+/g, '%20')) || null;
//}
//firstScene = getURLParameter('firstScene') || 'RoadToKee';
//firstSceneParam = '';
//if (firstScene) {
// firstSceneParam = '&firstScene=' + firstScene;
//}
//$('#scene-list').before('<iframe width="100%" height="100%" allowfullscreen style="border-style:none;" src="http://www.protibet.cz/kee/pannellum.htm?config=tour.json'+firstSceneParam+'"></iframe>');
//localStorage['visited_scenes'] = firstScene;
localStorage['visited_scenes'] = '';
});
</script>
<div id="scene-list">
<!--<a href="?firstScene=RoadToKee">Cesta do kláštera Ki</a><br/>
<a href="?firstScene=OuterGate">Vnější brána kláštera Ki</a><br/>
<a href="?firstScene=SchoolCourtyard">Školní dvůr</a><br/>
<a href="?firstScene=HillAboveKee">Kopec nad klášterem Ki</a><br/>
<a href="?firstScene=InnerGate">Brána do kláštera Ki</a><br/>
<a href="?firstScene=CentralCourtyard">Centrální nádvoří</a><br/>
<a href="?firstScene=CandlesManufactory">Manufaktura na svíčky</a><br/>
<a href="?firstScene=Kitchen">Kuchyně</a><br/>
<a href="?firstScene=Pantry">Sýpka</a><br/>
<a href="?firstScene=MonksRoom">Pokoj mnichů</a><br/>
<a href="?firstScene=MainPrayerHallEntrance">Hlavní chrám - vchod</a><br/>
<a href="?firstScene=MainPrayerHallCenter">Hlavní chrám - střed</a><br/>
<a href="?firstScene=MainPrayerHallLeftWing">Hlavní chrám - levé křídlo</a><br/>
<a href="?firstScene=DormitoryRoof">Střecha ubytovny</a><br/>
<a href="?firstScene=CentralRoof">Střecha</a><br/>
<a href="?firstScene=SmallPrayerHall">Malý chrám</a><br/>
<a href="?firstScene=MainRoof">Hlavní střecha</a><br/>
<a href="?firstScene=Classroom">Třída</a><br/>-->
</div>
</body>
</html>