|
@@ -1,75 +1,99 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
- <head>
|
|
|
- <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
- <title>三界镇牛场山家庭农场</title>
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
|
|
|
- <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
- <meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
|
- <meta name="mobile-web-app-capable" content="yes" />
|
|
|
- <style type="text/css" title="Default">
|
|
|
- body, div, h1, h2, h3, span, p {
|
|
|
- font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
|
- }
|
|
|
- /* fullscreen */
|
|
|
- html {
|
|
|
- height:100%;
|
|
|
- }
|
|
|
- body {
|
|
|
- height:100%;
|
|
|
- margin: 0px;
|
|
|
- overflow:hidden; /* disable scrollbars */
|
|
|
- font-size: 10pt;
|
|
|
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
|
|
|
- }
|
|
|
- /* fix for scroll bars on webkit & >=Mac OS X Lion */
|
|
|
- ::-webkit-scrollbar {
|
|
|
- background-color: rgba(0,0,0,0.5);
|
|
|
- width: 0.75em;
|
|
|
- }
|
|
|
- ::-webkit-scrollbar-thumb {
|
|
|
- background-color: rgba(255,255,255,0.5);
|
|
|
- }
|
|
|
- </style>
|
|
|
- </head>
|
|
|
- <body>
|
|
|
-<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
|
|
|
- <script type="text/javascript" src="pano2vr_player.js">
|
|
|
- </script>
|
|
|
- <script type="text/javascript" src="skin.js">
|
|
|
- </script>
|
|
|
- <div id="container" style="width:100%;height:100%;overflow:hidden;">
|
|
|
- <br>Loading...<br><br>
|
|
|
- </div>
|
|
|
- <script type="text/javascript">
|
|
|
-
|
|
|
- // create the panorama player with the container
|
|
|
- pano=new pano2vrPlayer("container");
|
|
|
- // add the skin object
|
|
|
- skin=new pano2vrSkin(pano);
|
|
|
- // load the configuration
|
|
|
-
|
|
|
- window.addEventListener("load", function() {
|
|
|
- pano.readConfigUrlAsync("pano.xml");
|
|
|
- });
|
|
|
- </script>
|
|
|
- <noscript>
|
|
|
- <p><b>Please enable Javascript!</b></p>
|
|
|
- </noscript>
|
|
|
-<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
|
|
|
- <!-- Hack needed to hide the url bar on iOS 9, iPhone 5s -->
|
|
|
- <div style="width:1px;height:1px;"></div>
|
|
|
- <style>
|
|
|
- .ggskin.ggskin_scrollarea_hscrollbg {
|
|
|
- height: 6px !important;
|
|
|
+<head>
|
|
|
+ <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
|
+ <title>三界镇牛场山家庭农场</title>
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes"/>
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
|
|
+ <meta name="mobile-web-app-capable" content="yes"/>
|
|
|
+ <style type="text/css" title="Default">
|
|
|
+ body, div, h1, h2, h3, span, p {
|
|
|
+ font-family: Verdana, Arial, Helvetica, sans-serif;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* fullscreen */
|
|
|
+ html {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ body {
|
|
|
+ height: 100%;
|
|
|
+ margin: 0px;
|
|
|
+ overflow: hidden; /* disable scrollbars */
|
|
|
+ font-size: 10pt;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
|
|
|
+ }
|
|
|
+
|
|
|
+ /* fix for scroll bars on webkit & >=Mac OS X Lion */
|
|
|
+ ::-webkit-scrollbar {
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ width: 0.75em;
|
|
|
+ }
|
|
|
+
|
|
|
+ ::-webkit-scrollbar-thumb {
|
|
|
+ background-color: rgba(255, 255, 255, 0.5);
|
|
|
}
|
|
|
</style>
|
|
|
- <script>
|
|
|
- window.onload = function () {
|
|
|
- document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.visibility='visible'
|
|
|
- document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.opacity=1
|
|
|
- }
|
|
|
- </script>
|
|
|
- </body>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
|
|
|
+<script type="text/javascript" src="pano2vr_player.js">
|
|
|
+</script>
|
|
|
+<script type="text/javascript" src="skin.js">
|
|
|
+</script>
|
|
|
+<div id="container" style="width:100%;height:100%;overflow:hidden;">
|
|
|
+ <br>Loading...<br><br>
|
|
|
+</div>
|
|
|
+<script type="text/javascript">
|
|
|
+
|
|
|
+ // create the panorama player with the container
|
|
|
+ pano = new pano2vrPlayer('container')
|
|
|
+ // add the skin object
|
|
|
+ skin = new pano2vrSkin(pano)
|
|
|
+ // load the configuration
|
|
|
+
|
|
|
+ window.addEventListener('load', function () {
|
|
|
+ pano.readConfigUrlAsync('pano.xml')
|
|
|
+ })
|
|
|
+</script>
|
|
|
+<noscript>
|
|
|
+ <p><b>Please enable Javascript!</b></p>
|
|
|
+</noscript>
|
|
|
+<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
|
|
|
+<!-- Hack needed to hide the url bar on iOS 9, iPhone 5s -->
|
|
|
+<div style="width:1px;height:1px;"></div>
|
|
|
+<style>
|
|
|
+ .ggskin.ggskin_scrollarea_hscrollbg {
|
|
|
+ opacity: 0;
|
|
|
+ height: 6px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ggskin.ggskin_scrollarea {
|
|
|
+ left: 0 !important;
|
|
|
+ bottom: 30px !important;
|
|
|
+ width: 100% !important;
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+ }
|
|
|
+
|
|
|
+ .ggskin.ggskin_scrollarea > div {
|
|
|
+ margin-top: -31px !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ggskin.ggskin_container {
|
|
|
+ opacity: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ggskin.ggskin_svg img {
|
|
|
+ visibility: hidden;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<script>
|
|
|
+ window.onload = function () {
|
|
|
+ document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.visibility = 'visible'
|
|
|
+ document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.opacity = 1
|
|
|
+ }
|
|
|
+</script>
|
|
|
+</body>
|
|
|
</html>
|