javascript - pannellum hotspot partly hidden -
i've created simple page displaying panoramic image pannellum. i've insterted 2 hotspots unfortunately partly hidden. when hovering them shift upwards , visible completely. code:
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>a simple example</title> <link rel="stylesheet" href="https://cdn.pannellum.org/2.3/pannellum.css" /> <script type="text/javascript" src="https://cdn.pannellum.org/2.3/pannellum.js"></script> <style> #panorama { width: 600px; height:400px; } </style> </head> <body> <div id="panorama"></div> <script> pannellum.viewer('panorama', { "type": "equirectangular", "panorama": "enterprise_4096.jpg", //"hotspotdebug": true, "hotspots": [ { "pitch": -3.5, "yaw": 37.0, "type": "info", "text": "ein erster hotspot", "url": "https://artbma.org/" }, { "pitch": -3.5, "yaw": 30.0, "type": "info", "text": "ein erster hotspot", "url": "https://artbma.org/" }] }); </script> </body> </html>
i've used same code given on pannnellum's website: https://pannellum.org/documentation/examples/hot-spots/
how can fix this?
Comments
Post a Comment