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

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -