| 123456789101112131415161718192021222324252627282930313233343536 |
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title></title>
- <!-- Latest compiled and minified JavaScript -->
- <script src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css">
- <style>
- #panorama {
- width: 100%;
- height: 100%;
- }
- *{
- margin:0;
- padding:0;
- }
- </style>
- </head>
- <body>
- <div id="panorama"></div>
- <!-- <canvas id="canvas" style="display:none"></canvas> -->
- <script>
- pannellum.viewer('panorama', {
- "type": "equirectangular",
- "panorama": '360.jpg',
- "autoLoad": true,
- });
- </script>
- </body>
- </html>
|