Klikni na link Streljanje u Kraljevu 1941. da vidiš primer izrade virtualne izložbe rađene u Pannellium-u.
Programski kod:
<!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="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
<style>
body {
margin: 0;
overflow: hidden;
}
#panorama {
width: 100vw;
height: 100vh;
}
</style>
</head>
<body>
<div id="panorama"></div>
<!-- Latest compiled and minified JavaScript -->
<script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
<script>
pannellum.viewer('panorama', {
"default": {
"firstScene": "circle",
"author": "Aleksandar Maričić",
"sceneFadeDuration": 1000
},
"scenes": {
"circle": {
"title": "Стрељање грађана Краљева у октобру 1941.",
"hfov": 110,
"pitch": -3,
"yaw": 117,
"type": "equirectangular",
"panorama": "galerija1.jpg",
"hotSpotDebug": true,
"hotSpots": [
{
"pitch": -15.1,
"yaw": 190,
"type": "scene",
"text": "Комунистичка судница",
"sceneId": "house"
}
]
},
"house": {
"title": "Комунистичка судница",
"hfov": 150,
"yaw": 5,
"type": "equirectangular",
"panorama": "galerija2.jpg",
"hotSpots": [
{
"pitch": -0.6,
"yaw": 220,
"type": "scene",
"text": "Стрељање грађана Краљева у октобру 1941.",
"sceneId": "circle",
"targetYaw": -23,
"targetPitch": 2
}
]
}
},
autoLoad: true,
showZoomCtrl: true,
showFullscreenCtrl: true,
compass: true,
pitch: 0, // Početni nagib
yaw: 0, // Početna orijentacija
hfov: 113, // Horizontalni pogled
vaov: 70,
minPitch:1,
maxPitch: 0
});
</script>
</body>
</html>