| Server IP : 79.136.114.73 / Your IP : 216.73.216.143 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/appsrv.astacus.se/digitaltwin/pannellum/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tour</title>
<link rel="stylesheet" href="pannellum.css"/>
<script type="text/javascript" src="pannellum.js"></script>
<style>
#panorama {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.custom-hotspot {
height: 50px;
width: 50px;
background: #f00;
border-radius: 50%;
}
</style>
</head>
<body>
<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
"default": {
"firstScene": "00000",
"author": "POSTGATAN 16",
"sceneFadeDuration": 1000,
"autoLoad": true
},
"scenes": {
"00000": {
"title": "00000",
"hfov": 110,
"pitch": -3,
"yaw": 0,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00000-pano.jpg",
"hotSpots": [
{
"pitch": -2.1,
"yaw": 10,
"type": "scene",
"text": "00001",
"sceneId": "00001",
"cssClass": "custom-hotspot"
},
{
"pitch": -2.1,
"yaw": 180,
"type": "scene",
"text": "00007",
"sceneId": "00007",
"cssClass": "custom-hotspot"
}
]
},
"00001": {
"title": "00001",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00001-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 180,
"type": "scene",
"text": "00000",
"sceneId": "00000",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": 0,
"type": "scene",
"text": "00002",
"sceneId": "00002",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
},
"00007": {
"title": "00007",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00007-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 180,
"type": "scene",
"text": "00000",
"sceneId": "00000",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": -20,
"type": "scene",
"text": "00008",
"sceneId": "00008",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00002": {
"title": "00002",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00002-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 160,
"type": "scene",
"text": "00001",
"sceneId": "00001",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": 60,
"type": "scene",
"text": "00004",
"sceneId": "00004",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00004": {
"title": "00004",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00004-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 70,
"type": "scene",
"text": "00002",
"sceneId": "00002",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00008": {
"title": "00008",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00008-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 250,
"type": "scene",
"text": "00007",
"sceneId": "00007",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": 20,
"type": "scene",
"text": "00009",
"sceneId": "00009",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00009": {
"title": "00009",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00009-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 160,
"type": "scene",
"text": "00008",
"sceneId": "00008",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": 340,
"type": "scene",
"text": "00011",
"sceneId": "00011",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00011": {
"title": "00011",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00011-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 180,
"type": "scene",
"text": "00009",
"sceneId": "00009",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
},
{
"pitch": -0.6,
"yaw": 0,
"type": "scene",
"text": "00012",
"sceneId": "00012",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
,
"00012": {
"title": "00012",
"hfov": 110,
"yaw": 5,
"type": "equirectangular",
"panorama": "http://www.hoffstedt.net/pano/2020-02-05_12.08.24/00012-pano.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 30,
"type": "scene",
"text": "00011",
"sceneId": "00011",
"targetYaw": -23,
"targetPitch": 2,
"cssClass": "custom-hotspot"
}
]
}
}
});
</script>
</body>
</html>