South African accommodation
directory & bookings


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.
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>

Alternative option: Pop up tutorial with an example of a pop up panorama.

Sign up for travel news & special offers