Option 2: Popup
How to add to your page
In order to place the panorama popup on your page, simply insert the following HTML and JavaScript into your webpage:
<div id="plugin_container">RoomsForAfrica.com - <a style="text-decoration: none;" href="https://www.roomsforafrica.com/establishment.do?id=96">Dolphin Dunes</a></div>
<script type="text/javascript" src="https://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script type="text/javascript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchPopUpPano, 96, 'backgroundColour', 'darkBackgroundColour', 'fontColour');</script>
In order to customise the look of your pano plugin you can change three of the colours used when displaying the plugin.
The backgroundColour, darkBackgroundColour, fontColour may be set to any colour using a hexadecimal value (eg: #AAEEFF) or the value 'transparent'.
<div id="plugin_container">RoomsForAfrica.com - <a style="text-decoration: none;" href="https://www.roomsforafrica.com/establishment.do?id=96">Dolphin Dunes</a></div>
<script type="text/javascript" src="https://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script type="text/javascript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchPopUpPano, 96, 'transparent', '#E9E3D3', '#5C350E');</script>
Alternative option: Direct embedding
tutorial with an example of an embedded panorama.
