223 lines
7.2 KiB
HTML
223 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>퍼스트가든2018 | Virtual tour generated by Panotour</title>
|
|
<meta name="description" content="Virtual tour generated by Panotour" />
|
|
<meta name="keywords" content="퍼스트가든2018,Virtual tour generated by Panotour" />
|
|
<meta name="medium" content="mult" />
|
|
<meta name="video_width" content="640"/>
|
|
<meta name="video_height" content="480"/>
|
|
<link rel="image_src" href="2019(day)data/thumbnail.jpg" />
|
|
|
|
<meta name="generator" content="Panotour Pro V2.5.14 64bits" />
|
|
|
|
|
|
<meta property="og:title" content="퍼스트가든2018 | Virtual tour generated by Panotour" />
|
|
<meta property="og:description" content="Virtual tour generated by Panotour" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="2019(day)data/thumbnail.jpg" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:title" content="퍼스트가든2018 | Virtual tour generated by Panotour" />
|
|
<meta name="twitter:description" content="Virtual tour generated by Panotour" />
|
|
<meta name="twitter:image" content="2019(day)data/thumbnail.jpg" />
|
|
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui, viewport-fit=cover"/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default">
|
|
<style type="text/css">
|
|
@-ms-viewport { width: device-width; }
|
|
@media only screen and (min-device-width: 800px) { html { overflow:hidden; } }
|
|
* { padding: 0; margin: 0; }
|
|
html { height: 100%; }
|
|
body { height: 100%; overflow:hidden; }
|
|
div#container { height: 100%; min-height: 100%; width: 100%; margin: 0 auto; }
|
|
div#tourDIV {
|
|
height:100%;
|
|
position:relative;
|
|
overflow:hidden;
|
|
}
|
|
div#panoDIV {
|
|
height:100%;
|
|
position:relative;
|
|
overflow:hidden;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
|
|
</style>
|
|
<!--[if !IE]><!-->
|
|
<script type="text/javascript" src="2019(day)data/lib/jquery-2.1.1.min.js"></script>
|
|
<!--<![endif]-->
|
|
<!--[if lte IE 8]>
|
|
<script type="text/javascript" src="2019(day)data/lib/jquery-1.11.1.min.js"></script>
|
|
<![endif]-->
|
|
<!--[if gt IE 8]>
|
|
<script type="text/javascript" src="2019(day)data/lib/jquery-2.1.1.min.js"></script>
|
|
<![endif]-->
|
|
|
|
|
|
<link type="text/css" href="2019(day)data/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" />
|
|
<script type="text/javascript" src="2019(day)data/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="2019(day)data/lib/jquery.ui.touch-punch.min.js"></script>
|
|
<script type="text/javascript" src="2019(day)data/lib/Kolor/KolorTools.min.js"></script>
|
|
<script type="text/javascript" src="2019(day)data/graphics/KolorBootstrap.js"></script>
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
div#panoDIV.cursorMoveMode {
|
|
cursor: move;
|
|
cursor: url(2019(day)data/graphics/cursors_move_html5.cur), move;
|
|
}
|
|
div#panoDIV.cursorDragMode {
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
cursor: url(2019(day)data/graphics/cursors_drag_html5.cur), default;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function readDeviceOrientation() {
|
|
// window.innerHeight is not supported by IE
|
|
var winH = window.innerHeight ? window.innerHeight : jQuery(window).height();
|
|
var winW = window.innerWidth ? window.innerWidth : jQuery(window).width();
|
|
//force height for iframe usage
|
|
if(!winH || winH == 0){
|
|
winH = '100%';
|
|
}
|
|
// set the height of the document
|
|
jQuery('html').css('height', winH);
|
|
// scroll to top
|
|
window.scrollTo(0,0);
|
|
}
|
|
jQuery( document ).ready(function() {
|
|
if (/(iphone|ipod|ipad|android|iemobile|webos|fennec|blackberry|kindle|series60|playbook|opera\smini|opera\smobi|opera\stablet|symbianos|palmsource|palmos|blazer|windows\sce|windows\sphone|wp7|bolt|doris|dorothy|gobrowser|iris|maemo|minimo|netfront|semc-browser|skyfire|teashark|teleca|uzardweb|avantgo|docomo|kddi|ddipocket|polaris|eudoraweb|opwv|plink|plucker|pie|xiino|benq|playbook|bb|cricket|dell|bb10|nintendo|up.browser|playstation|tear|mib|obigo|midp|mobile|tablet)/.test(navigator.userAgent.toLowerCase())) {
|
|
if(/iphone/.test(navigator.userAgent.toLowerCase()) && window.self === window.top){
|
|
jQuery('body').css('height', '100.18%');
|
|
}
|
|
// add event listener on resize event (for orientation change)
|
|
if (window.addEventListener) {
|
|
window.addEventListener("load", readDeviceOrientation);
|
|
window.addEventListener("resize", readDeviceOrientation);
|
|
window.addEventListener("orientationchange", readDeviceOrientation);
|
|
}
|
|
//initial execution
|
|
setTimeout(function(){readDeviceOrientation();},10);
|
|
}
|
|
});
|
|
|
|
|
|
function accessWebVr(curScene, curTime){
|
|
|
|
unloadPlayer();
|
|
|
|
eventUnloadPlugins();
|
|
|
|
loadPlayer(true, curScene, curTime);
|
|
}
|
|
function accessStdVr(curScene, curTime){
|
|
|
|
unloadPlayer();
|
|
|
|
resetValuesForPlugins();
|
|
|
|
loadPlayer(false, curScene, curTime);
|
|
}
|
|
function loadPlayer(isWebVr, curScene, curTime) {
|
|
if (isWebVr) {
|
|
embedpano({
|
|
id:"krpanoSWFObject"
|
|
,xml:"2019(day)data/2019(day)_vr.xml"
|
|
,target:"panoDIV"
|
|
,passQueryParameters:true
|
|
,bgcolor:"#000000"
|
|
,html5:"only+webgl"
|
|
,focus: false
|
|
,vars:{skipintro:true,norotation:true,startscene:curScene,starttime:curTime }
|
|
});
|
|
} else {
|
|
|
|
var isBot = /bot|googlebot|crawler|spider|robot|crawling/i.test(navigator.userAgent);
|
|
embedpano({
|
|
id:"krpanoSWFObject"
|
|
|
|
,xml:"2019(day)data/2019(day).xml"
|
|
|
|
,target:"panoDIV"
|
|
,passQueryParameters:true
|
|
,bgcolor:"#000000"
|
|
,focus: false
|
|
,html5:isBot ? "always" : "only"
|
|
,vars:{startscene:curScene,starttime:curTime}
|
|
|
|
});
|
|
}
|
|
//apply focus on the visit if not embedded into an iframe
|
|
if(top.location === self.location){
|
|
kpanotour.Focus.applyFocus();
|
|
}
|
|
}
|
|
function unloadPlayer(){
|
|
if(jQuery('#krpanoSWFObject')){
|
|
removepano('krpanoSWFObject');
|
|
}
|
|
|
|
}
|
|
var currentPanotourPlayer = null;
|
|
function getCurrentTourPlayer() {
|
|
if (currentPanotourPlayer == null) {
|
|
currentPanotourPlayer = document.getElementById('krpanoSWFObject');
|
|
}
|
|
return currentPanotourPlayer;
|
|
}
|
|
function isVRModeRequested() {
|
|
var querystr = window.location.search.substring(1);
|
|
var params = querystr.split('&');
|
|
for (var i=0; i<params.length; i++){
|
|
if (params[i].toLowerCase() == "vr"){
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="container">
|
|
|
|
<div id="tourDIV">
|
|
<div id="panoDIV">
|
|
<noscript>
|
|
|
|
You must activate javascript to visualize the Virtual Tour : 퍼스트가든2018 (Virtual tour generated by Panotour).
|
|
|
|
</noscript>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- KolorMap container -->
|
|
<div id="mapcontainer">
|
|
<div id="mapDIV"></div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="2019(day)data/2019(day).js"></script>
|
|
<script type="text/javascript">
|
|
if (isVRModeRequested()){
|
|
accessWebVr();
|
|
}else{
|
|
accessStdVr();
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |