index.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  6. <title>三界镇牛场山家庭农场</title>
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
  8. <meta name="apple-mobile-web-app-capable" content="yes"/>
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  10. <meta name="mobile-web-app-capable" content="yes"/>
  11. <style type="text/css" title="Default">
  12. body, div, h1, h2, h3, span, p {
  13. font-family: Verdana, Arial, Helvetica, sans-serif;
  14. }
  15. /* fullscreen */
  16. html {
  17. height: 100%;
  18. }
  19. body {
  20. height: 100%;
  21. margin: 0px;
  22. overflow: hidden; /* disable scrollbars */
  23. font-size: 10pt;
  24. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
  25. }
  26. /* fix for scroll bars on webkit & >=Mac OS X Lion */
  27. ::-webkit-scrollbar {
  28. background-color: rgba(0, 0, 0, 0.5);
  29. width: 0.75em;
  30. }
  31. ::-webkit-scrollbar-thumb {
  32. background-color: rgba(255, 255, 255, 0.5);
  33. }
  34. </style>
  35. </head>
  36. <body>
  37. <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
  38. <script type="text/javascript" src="pano2vr_player.js">
  39. </script>
  40. <script type="text/javascript" src="skin.js?ts=202211062328">
  41. </script>
  42. <div id="container" style="width:100%;height:100%;overflow:hidden;">
  43. <br>Loading...<br><br>
  44. </div>
  45. <script type="text/javascript">
  46. // create the panorama player with the container
  47. pano = new pano2vrPlayer('container')
  48. // add the skin object
  49. skin = new pano2vrSkin(pano)
  50. // load the configuration
  51. window.addEventListener('load', function () {
  52. pano.readConfigUrlAsync('pano.xml')
  53. })
  54. </script>
  55. <noscript>
  56. <p><b>Please enable Javascript!</b></p>
  57. </noscript>
  58. <!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
  59. <!-- Hack needed to hide the url bar on iOS 9, iPhone 5s -->
  60. <div style="width:1px;height:1px;"></div>
  61. <style>
  62. .ggskin.ggskin_scrollarea_hscrollbg {
  63. opacity: 0;
  64. height: 6px !important;
  65. }
  66. .ggskin.ggskin_scrollarea {
  67. left: 0 !important;
  68. bottom: 30px !important;
  69. width: 100% !important;
  70. background-color: rgba(0, 0, 0, 0.5);
  71. }
  72. .ggskin.ggskin_scrollarea > div {
  73. margin-top: -31px !important;
  74. }
  75. .ggskin.ggskin_container {
  76. opacity: 0;
  77. }
  78. .ggskin.ggskin_svg img {
  79. visibility: hidden;
  80. }
  81. </style>
  82. <script>
  83. window.onload = function () {
  84. document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.visibility = 'visible'
  85. document.querySelectorAll('.ggskin.ggskin_scrollarea')[0].style.opacity = 1
  86. }
  87. </script>
  88. </body>
  89. </html>