Embed Panoskin Tour: 2 or more same webPage

How to Embed Two Panoskin Tours to Your Website

by Panoskin

HTML

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

CSS

#PSTour1, #PSTour2 {
  width: 100%;
  height: 562px; /* Adjust height as needed */
  max-width: 900px; /* Adjust max-width as needed */
  padding: 25px;
  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: 'PSTour1',
tour: '579f954b768b8f300cb5d246'
});
PANOSKIN.createViewer({
id: 'PSTour2',
tour: '579bea2cb7abee4b0c55eaa3'
});