Alternative Panoramic Photo Viewer by Andy Savage

Home > Pano Demo 2

Alternative 360°/Panoramic Photograph viewer
By Andy Savage
This page features an alternative method of showing a panoramic photo on a web page.
This method does not require Quicktime or Java or any kind of plugin what so ever and yet works in every browser.

Please read all the notes here first

The 360 degree panoramic photo viewer on this page does not require ANY plugins, Quicktime or Java and it works in ALL browsers.

To view the panoramic photo, just click on the thumbnail image below. This will open a new window into which the large image will load.

The photo is large and may take anything upto one and a half minutes to fully load if using a 56K dial-up connection so please be patient.

Once the photograph has fully loaded you will be able to scroll the photo right and left using the mouse, no clicking required to do this.
To move the photo simply place the mouse pointer over the right or left areas of the photo and the image will scroll in that direction.
The scrolling speed can be controlled depending on how near the edges of the photo you get with the mouse.
There is a central 'dead area' on the photo where the image will stop scrolling.
To close the photo just click the normal window close button in the top right of the window.

I based this viewer on the CMotion Image Gallery script from Dynamic Drive DHTML code library Visit Dynamic Drive for free, original DHTML scripts and components, all of which utilize the latest in DHTML and JavaScript technology!

Large fullscreen:
Click me now ---->>>

AA-170805DEMO360-2006-01

Large fullscreen:
Click me now ---->>>

AA-170805DEMO360-2006-02
Extra large version with preloader

Small mini:
Click me now ---->>>

AA-170805DEMO360-2006-02

So what are the pros and cons of this display method :

Pros :
Does not need Quicktime.
Does not need Java
Does not need any plugins
Works in ALL browsers
Very easy to implement.
No other software required to make the viewer.
Hot spots can be added using the HTML MAP method to create a VR tour.
Can be altered to perform any kind of html operation when the image is clicked.
The horizontal viewing field can be adjusted to any amount of degrees.
The adjustable scroll speed can be altered to any requirements.
The dead zone in middle of the image can be altered.

Cons :
Does not show a true cylindrical view of the scene, only a flat view.
Can not auto scale to fit any resolution, has to be designed to 1024 x 768 etc.