Open Himanshu-2030 opened 1 year ago
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tour</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script> <style> #panorama { width: 600px; height: 400px; } </style> </head> <body> <div id="panorama"></div> <script> pannellum.viewer('panorama', { "default": { "firstScene": "circle", "author": "Matthew Petroff", "sceneFadeDuration": 1000 }, "scenes": { "circle": { "title": "Mason Circle", "hfov": 110, "pitch": -3, "yaw": 117, "type": "equirectangular", "panorama": "/images/from-tree.jpg", "hotSpots": [ { "pitch": -2.1, "yaw": 132.9, "type": "scene", "text": "Spring House or Dairy", "sceneId": "house" } ] }, "house": { "title": "Spring House or Dairy", "hfov": 110, "yaw": 5, "type": "equirectangular", "panorama": "/images/bma-0.jpg", "hotSpots": [ { "pitch": -0.6, "yaw": 37.1, "type": "scene", "text": "Mason Circle", "sceneId": "circle", "targetYaw": -23, "targetPitch": 2 } ] } } }); </script> </body> </html>
Copying and pasting an existing example into an issue accomplishes nothing. I have no idea what you've already tried or what issues you're having, so I can't provide any help.