To create the Interactive Panorama you will need a few items that should all be kept in the same folder together.

1) the new html document displaying the panoramic image
(probably called panoramapage.html)

2) a panorama picture you created by taking at least 7 pictures over 180 degrees of view
(make your panorama no wider than 1500 pix and save for web with heavy compression to save on download times)

3) the PTviewer.jar Java Script file has been linked below to save you time and hassle. (it has already been unzipped and ready for your use!)





What you will need >>>

First start a new folder called panorama to contain all your panorama assets then add the following ....


1)  - your Panorama image

2) - a downloaded Java applet 
(ptviewer.jar )

3) - below is the code that you will modify (
viewer size / image file name / etc.) and then paste into your html code
>>> !!!! ~ make sure that you paste the code while in Code view NOT Design view




<applet code="ptviewer.class" archive="ptviewer.jar" width=800 height=300>
<param name=file value="change_this_to_match_your_panorama_name.jpg">
<param name=cursor value="MOVE">

<param name=pan value=60>
<param name=showToolbar value="true">
<param name=imgLoadFeedback value="true">
<param name=auto value=-0.1>
<param name="autoTime" value=220>
</applet>


you can modify any parameter but you most likely will modify the width height and definitely the image name


                                                                               In Review

The above
Java script goes in your webpage where you want the Panoramic Image to appear.
(most likely the cell of a table) (it will then activate and run the the applet) ......... paste in code view
...
Be sure to change the second line to your image file name.
(do not leave theriver.jpg)
Also make sure your image file is located in the same place as your Java Applet

Place your Java applet ,  ptviewer.jar ,  ( the item you downloaded ) in the same location as your other items above.

Save your .html doc save it to the samelocation and load everything up to the Internet and create a link to your HTML page from your homepage


 What is actually happening here .........

You created a panoramic image in Photoshop you named it and saved it to a location (perhaps a folder).
Then you downloaded PTviewer.jar files (Java Applet) and placed it in the same location
Next you took the Java script given earlier and copied it to the code of your html doc and changed the file name in the code to suite your Panorama Image file name.

Upload the folder link from home to the panorama.html file from your index.html and it should display a fine 3D panorama image.

>>>>>> the most common error will occur if you do not change the Java Script image file name to match the name of your panorama image file name that you created

- make sure all assets are uploaded

Did you know that the Panorama has Zoom as well as Pan ?
ZOOM OUT = Control / Left Click
ZOOM IN = Shift / Left Click