Same Skin for all panoramas in my website

[Hopki]

Project.
To have all the panoramas on a website use the same skin and files that can be shared.
Im going to assume that you will have a folder on your server that you put all your projects in, in this case I use a folder called panoramas.

In the Zip:
batch.p2vr
project001
project002
project003
panoramas


The panoramas folder is the end result and would be the folder on your server, it has the three separate projects, 001 to 003, then a common skin folder which has all the files that can be shared which are:

skin.js
swfobject.js
pano2vr_player.js
All the skin images.


The batch file will separate out the skin by using a modified file path, ../skin. This also works for the Flash output as Externalise is selected. Note a copy of the skin will need to be in every project folder along with the input image.

How to use:
1) Open the batch.p2vr file, select: Tools => Batch Processing Window

2) Open the three project folders and drop the panoramas in to the batch window. If this is going to be a multi node tour just drop in the first opening input image.

3) Select Save Values in Project File and click Run.

This will produce an output and skin folder in each of the project folders. Rename each of the output folders to a name more fitting to the project. In this example I use 001, 002 and 003.

Open one of the project folders and move the pano2vr_player.js, skin.js and swfobject.js from the now renamed output folder to the skin folder.
This skin folder can now be moved to the panoramas folder and the other skin folder can be deleted. Each project folder should now only contain:

HTML page
SWF file
XML file
Images folder

The only thing you have to do now is change the file path in each of the projects HTML pages so they can find the shared skin folder.
Open each HTML page with a text editor and you are looking to change the following in each HTML page, in this project the HTML pages have the file name index.html.

Before:
<script type="text/javascript" src="swfobject.js">

After:
<script type="text/javascript" src=“../skin/swfobject.js”>

Before:
<script type="text/javascript" src="pano2vr_player.js">

After:
<script type="text/javascript" src=“../skin/pano2vr_player.js”>

Before:
<script type="text/javascript" src="skin.js">

After:
<script type="text/javascript" src=“../skin/skin.js”>

Regards,
Hopki