CINXE.COM
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="default" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <style type="text/css"> html { height: 100%; width: 100%; } body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; } </style> <script type="text/javascript" src="tour-lapedreradata/lib/jquery-2.1.1.min.js"></script> <link type="text/css" href="tour-lapedreradata/lib/jquery-ui-1.11.1/jquery-ui.min.css" rel="stylesheet" /> <script type="text/javascript" src="tour-lapedreradata/lib/jquery-ui-1.11.1/jquery-ui.min.js"></script> <script type="text/javascript" src="tour-lapedreradata/lib/jquery.ui.touch-punch.min.js"></script> <script type="text/javascript" src="tour-lapedreradata/lib/Kolor/KolorTools.min.js"></script> <script type="text/javascript" src="tour-lapedreradata/graphics/KolorBootstrap.js"></script> <script type="text/javascript"> 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:"tour-lapedreradata/tour-lapedrera_vr.xml" ,target:"panoDIV" ,passQueryParameters:true ,bgcolor:"#000000" ,html5:"only+webgl" ,vars:{skipintro:true,norotation:true,startscene:curScene,starttime:curTime} ,webglsettings:{preserveDrawingBuffer:false, depth:true, stencil:true} }); } else { embedpano({ id:"krpanoSWFObject" ,xml:"tour-lapedreradata/tour-lapedrera.xml" ,target:"panoDIV" ,passQueryParameters:true ,bgcolor:"#000000" ,html5:"auto" ,vars:{startscene:curScene,starttime:curTime} ,webglsettings:{preserveDrawingBuffer:false, depth:true, stencil:true} }); } } function unloadPlayer(){ if(jQuery('#krpanoSWFObject')){ //stop all sounds playing before the removepano if (getCurrentTourPlayer() != null) { getCurrentTourPlayer().call("stopTourSounds();"); } currentPanotourPlayer = null; 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="panoDIV" style="width:100%;height:100%;"> </div> <!-- no search option activated --> <script type="text/javascript" src="tour-lapedreradata/tour-lapedrera.js"></script> <script type="text/javascript"> if (isVRModeRequested()){ accessWebVr(); }else{ accessStdVr(); } </script> </body> </html>