index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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">
  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. height: 6px !important;
  64. }
  65. </style>
  66. </body>
  67. </html>