viewer.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi'><link rel='stylesheet' href='https://naver.github.io/egjs-view360/common/css/demo.css'>
  6. <link rel='stylesheet' href='https://naver.github.io/egjs-view360/common/css/PanoControls.css'>
  7. </head>
  8. <!-- This Part Runs Base.html-->
  9. <header>
  10. <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  11. <script>
  12. $(function(){
  13. $("#base").load("base.html");
  14. });
  15. </script>
  16. </header>
  17. <body>
  18. <div id="base"></div>
  19. <br>
  20. <br>
  21. <iframe height="620" style="width: 100%;" scrolling="no" title="view360 syncronize example" src="https://codepen.io/Tomlacko/embed/mdVOOwG?height=620&theme-id=light&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
  22. See the Pen <a href='https://codepen.io/Tomlacko/pen/mdVOOwG'>view360 syncronize example</a> by Tomlacko
  23. (<a href='https://codepen.io/Tomlacko'>@Tomlacko</a>) on <a href='https://codepen.io'>CodePen</a>.
  24. </iframe>
  25. </body>
  26. </html>