How to add to your page
In order to embed the panorama 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="http://www.roomsforafrica.com/establishment.do?id=96">Dolphin Dunes</a></div>
<script language="JavaScript" src="http://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script language="JavaScript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchEmbeddedPano, 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.<script language="JavaScript" src="http://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script language="JavaScript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchEmbeddedPano, 96, 'backgroundColour', 'darkBackgroundColour', 'fontColour');</script>
The backgroundColour, darkBackgroundColour, fontColour may be set to any colour using a hexadecimal value (eg: #AAEEFF) or the value 'transparent'.
DEMO:
<div id="plugin_container">RoomsForAfrica.com - <a style="text-decoration: none;" href="http://www.roomsforafrica.com/establishment.do?id=96">Dolphin Dunes</a></div>
<script language="JavaScript" src="http://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script language="JavaScript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchEmbeddedPano, 96, 'transparent', '#E9E3D3', '#5C350E');</script>
<script language="JavaScript" src="http://www.roomsforafrica.com/js/plugin_pano.js"></script>
<script language="JavaScript">panoPlugin.loadDojoIfNecessary(panoPlugin.fetchEmbeddedPano, 96, 'transparent', '#E9E3D3', '#5C350E');</script>
Alternative option: Pop up
tutorial with an example of a pop up panorama.
