<!-- https://pannellum.org/documentation/reference/ -->


<link rel="stylesheet" href="//cdn.pannellum.org/2.4/pannellum.css"/>
<script src="//cdn.pannellum.org/2.4/pannellum.js"></script>
<style>
#panorama {
 width: 600px;
 height: 400px;
}
</style>


<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
 "type": "equirectangular",
 "autoLoad": true,
 "title": "Karlshagen",
 "author": "Ulrich Horn",
 "preview": "http://wiki.familie-horn.de/download/attachments/10387719/karlshagen_360_preview.JPG?version=1&modificationDate=1540453632492&api=v2",
 "panorama": "http://wiki.familie-horn.de/download/attachments/7078920/FOTO_0021.jpg?api=v2&title=Karlshagen&author=Ulrich%20Horn&autoLoad=true"
});
</script>