Panarama

by jimkennelly

HTML

<script src="https://cdn.pannellum.org/2.3/pannellum.js"></script>
<link rel="stylesheet" href="https://cdn.pannellum.org/2.3/pannellum.css">

<div id="panorama"></div>

CSS

#panorama {
        width: 600px;
        height: 400px;
    }

JavaScript

pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "https://pannellum.org/images/alma.jpg"
});