Webmaster Instructions

 

Linking to your tour via a button on your web page:

Click the button to view your virtual tour using a centered box:

View the Virtual Tour

 
For each web page you'd like to install this button:

Place the following between the <head> & </head> tags:

<script language="JavaScript" src="http://www.panaviz.com/GeneratedItems/popup.js"></script>

Then, add the following anywhere on your page(s) where you'd like the button to be located.
It must be between the <body> & </body> tags:

<a href="javascript:CreateWnd('http://www.panaviz.com/customers/waileaoceanview/index.html',575,550,scrollbars=false);">

<img src="http://www.panaviz.com/images/vt.jpg" alt="Virtual Tour" border="0"></a>

Note: You can use any graphic for your button, just change the <img src=> code in the last line.

 

Alternate method: Lytebox

Click the button to view your virtual tour using Lytebox:

Virtual Tour

 
For each web page you'd like to use Lytebox to launch your tour:
Download, unzip & install the lytebox directory on your server.

Then, Place the following between the <head> & </head> tags:

<script type="text/javascript" language="javascript" src="/lytebox/lytebox.js"></script>
<link rel="stylesheet" href="/lytebox/lytebox.css" type="text/css" media="screen" />
Then, add the following anywhere on your page(s) where you'd like the button to be located.
It must be between the <body> & </body> tags:

<a href='http://www.panaviz.com/customers/waileaoceanview/index.html' rel="lyteframe" title="PanaViz Virtual Tour" rev="width: 570px; height: 550px; scrolling: no;">

<img src="http://www.panaviz.com/images/vt.jpg" alt="Virtual Tour" border="0"></a>

Note: You can use any graphic for your button, just change the <img src=> code in the last line.