258 lines
8.6 KiB
HTML
258 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>2019 퍼스트가든 별빛이 흐르는 정원 | Virtual tour generated by Panotour</title>
|
|
<meta name="description" content="Virtual tour generated by Panotour" />
|
|
<meta name="keywords" content="2019 퍼스트가든 별빛이 흐르는 정원,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(night)data/thumbnail.jpg" />
|
|
|
|
<meta name="generator" content="Panotour Pro V2.5.14 64bits" />
|
|
|
|
|
|
<meta property="og:title" content="2019 퍼스트가든 별빛이 흐르는 정원 | 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(night)data/thumbnail.jpg" />
|
|
<meta name="twitter:card" content="summary" />
|
|
<meta name="twitter:title" content="2019 퍼스트가든 별빛이 흐르는 정원 | Virtual tour generated by Panotour" />
|
|
<meta name="twitter:description" content="Virtual tour generated by Panotour" />
|
|
<meta name="twitter:image" content="2019(night)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(night)data/lib/jquery-2.1.1.min.js"></script>
|
|
<!--<![endif]-->
|
|
<!--[if lte IE 8]>
|
|
<script type="text/javascript" src="2019(night)data/lib/jquery-1.11.1.min.js"></script>
|
|
<![endif]-->
|
|
<!--[if gt IE 8]>
|
|
<script type="text/javascript" src="2019(night)data/lib/jquery-2.1.1.min.js"></script>
|
|
<![endif]-->
|
|
|
|
|
|
<link type="text/css" href="2019(night)data/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" />
|
|
<script type="text/javascript" src="2019(night)data/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script>
|
|
<script type="text/javascript" src="2019(night)data/lib/jquery.ui.touch-punch.min.js"></script>
|
|
<script type="text/javascript" src="2019(night)data/lib/Kolor/KolorTools.min.js"></script>
|
|
<script type="text/javascript" src="2019(night)data/graphics/KolorBootstrap.js"></script>
|
|
|
|
|
|
|
|
<style type="text/css">
|
|
div#panoDIV.cursorMoveMode {
|
|
cursor: move;
|
|
cursor: url(2019(night)data/graphics/cursors_move_html5.cur), move;
|
|
}
|
|
div#panoDIV.cursorDragMode {
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
cursor: -webkit-grab;
|
|
cursor: url(2019(night)data/graphics/cursors_drag_html5.cur), default;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function webglAvailable() {
|
|
try {
|
|
var canvas = document.createElement("canvas");
|
|
return !!window.WebGLRenderingContext && (canvas.getContext("webgl") || canvas.getContext("experimental-webgl"));
|
|
} catch(e) {
|
|
return false;
|
|
}
|
|
}
|
|
function getWmodeValue() {
|
|
var webglTest = webglAvailable();
|
|
if(webglTest){
|
|
return 'direct';
|
|
}
|
|
return 'opaque';
|
|
}
|
|
|
|
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(night)data/2019(night)_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"
|
|
|
|
,swf:"2019(night)data/2019(night).swf"
|
|
|
|
,target:"panoDIV"
|
|
,passQueryParameters:true
|
|
,bgcolor:"#000000"
|
|
,focus: false
|
|
,html5:isBot ? "always" : "prefer"
|
|
,vars:{startscene:curScene,starttime:curTime}
|
|
|
|
,localfallback:"flash"
|
|
|
|
,wmode: getWmodeValue()
|
|
|
|
|
|
});
|
|
}
|
|
//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>
|
|
|
|
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="100%" height="100%" id="2019(night)data/2019(night)">
|
|
<param name="movie" value="2019(night)data/2019(night).swf"/>
|
|
<param name="allowFullScreen" value="true"/>
|
|
<!--[if !IE]>-->
|
|
<object type="application/x-shockwave-flash" data="2019(night)data/2019(night).swf" width="100%" height="100%">
|
|
<param name="movie" value="2019(night)data/2019(night).swf"/>
|
|
<param name="allowFullScreen" value="true"/>
|
|
<!--<![endif]-->
|
|
<a href="http://www.adobe.com/go/getflash">
|
|
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player to visualize the Virtual Tour : 2019 퍼스트가든 별빛이 흐르는 정원 (Virtual tour generated by Panotour)"/>
|
|
</a>
|
|
<!--[if !IE]>-->
|
|
</object>
|
|
<!--<![endif]-->
|
|
</object>
|
|
|
|
</noscript>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- KolorMap container -->
|
|
<div id="mapcontainer">
|
|
<div id="mapDIV"></div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript" src="2019(night)data/2019(night).js"></script>
|
|
<script type="text/javascript">
|
|
if (isVRModeRequested()){
|
|
accessWebVr();
|
|
}else{
|
|
accessStdVr();
|
|
}
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |