Embed Panoskin Tour: Start Scene Change

Embed Panoskin Tour: Starting On a Specific Scene

by Panoskin

HTML

<script src="https://lcp360.cachefly.net/panoskin.min.js"></script>
<div id="PSTour"></div>

CSS

#PSTour {
  width: 100%;
  height: 562px; /* Adjust height as needed */
  max-width: 900px; /* Adjust max-width as needed */
  margin: 15px auto;
  -webkit-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
   -moz-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
   box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
 }

JavaScript

PANOSKIN.createViewer({
    id: 'PSTour',
    tour: '579f954b768b8f300cb5d246', /* Replace TOUR-ID with your tour's ID */ 
    panoStart: {
        panoid: 'CAoSLEFGMVFpcFBfeXdQYXA5VFRiNTRQQlh5UVdISTR1QXlqYkpBQzNVNHBwM3N1', /* Replace PANO-ID with scene ID */
        pov: {
        heading: 0,
       pitch: 0,
      zoom: 1
    }
  }
});