0-360.com Publish your Panorama!

\n\n\<\<\< add the following in BODY, where you want tour to appear: \>\>\>\n\n<' + 'script ' + 'language="JavaScript" type="text/javascript"\>\n\t addPTViewerParameter("file","' + JSName2 + '");' + JSfov2 + JSPan2 + JSAlias2 + JSOS2 + JSAR2 + JSCache2 + JSWait2 + JSControlParams + '\n\t InsertPTVApplet("viewer",' + JSWidth2 + ',' + JSControlHeight + ');\n'; } else { form.JSName.value = '*.jpg'; form.JSWidth.value = 360; form.JSHeight.value = 270; form.JSARValue.value = .25; form.JSWaitFile.value = 'controlimages/wait.gif'; form.JSBox.value = '\<\<\< add the following between page HEAD tags: \>\>\>\n\n<' + 'script ' + 'src="UnWrapperApplets.js" language="JavaScript" type="text/javascript">\n\n\<\<\< add the following in BODY, where you want tour to appear: \>\>\>\n\n<' + 'script ' + 'language="JavaScript" type="text/javascript"\>\n\t addPTViewerParameter("file","*.jpg");\n\t addPTViewerParameter("fov","93");\n\t addPTViewerParameter("wait","controlimages/wait.gif");\n\t addPTViewerParameter("auto",".25");\n\t InsertPTVApplet("viewer",' + JSWidth2 + ',' + JSControlHeight + ');\n' } } var FirstClick = 'true'; function JSBRemoveSampleText(form) { if (FirstClick == 'true') { form.JSBMenuText0.value = ''; form. JSBMenuName0.value = ''; form.JSBMenuFile0.value = ''; FirstClick = 'false'; } } function UpdateJSBValues(form) { var JSBWidth2 = Number(form.JSBWidth.value); var JSBTableWidth = Number(JSBWidth2 + 10); var JSBHeight2 = Number(form.JSBHeight.value); var JSBAppletHeight = Number(form.JSBHeight.value); var JSBMenuHeight = 28; var JSBMenuY = Number(form.JSBMenuY.value); var JSBTextY = Number(form.JSBTextY.value); var JSBYs = '\t addMenu0360Parameter("MenuY","' + JSBMenuY + '");\n\t addMenu0360Parameter("TextAreaY","' + JSBTextY + '");\n\t'; var JSBMenuBG2 = form.JSBMenuBG.value; var JSBfovValue2 = form.JSBfovValue.value; if (JSBfovValue2 == '') { JSBfovValue2 = 93; form.JSBfovValue.value = 93; } var JSBARValue2 = form.JSBARValue.value; if (JSBARValue2 != '') { var JSBAR3 = '\{auto=' + JSBARValue2 + '\}'; } else { var JSBAR3 = ''; } if (form.JSBWait.checked) { var JSBWaitFile2 = form.JSBWaitFile.value; var JSBWait2 = '\n\t addPTViewerParameter("wait","' + JSBWaitFile2 + '");'; } else { var JSBWait2 = ''; } var JSBSoundName2 = form.JSBSoundName.value; var JSBMapAddress2 = form.JSBMapAddress.value; if (form.JSBControl.checked) { var JSBControlParams = ''; JSBMenuHeight = JSBMenuHeight + JSBMenuY; var JSBControlMenuParams = ' addMenu0360Parameter("shotspot0","x0 y0 h25 w25 j\'left\' u\'ZoomIn()\' i\'controlimages/zoom_in.gif\' q ");\n\t addMenu0360Parameter("shotspot1","x25 y0 h25 w25 j\'left\' u\'ZoomOut()\' i\'controlimages/zoom_out.gif\' q ");\n\t addMenu0360Parameter("shotspot2","x50 y0 h25 w25 j\'left\' u\'\' i\'controlimages/arrows.gif\' q ");\n\t\t addMenu0360Parameter("shotspot3","x50 y8 h8 w8 j\'left\' u\'panLeft()\' i\'controlimages/left_arrow.gif\' p ");\n\t\t addMenu0360Parameter("shotspot4","x67 y8 h8 w8 j\'left\' u\'panRight()\' i\'controlimages/right_arrow.gif\' p ");\n\t\t addMenu0360Parameter("shotspot5","x57 y0 h10 w8 j\'left\' u\'panUp()\' i\'controlimages/up_arrow.gif\' p ");\n\t\t addMenu0360Parameter("shotspot6","x57 y17 h10 w8 j\'left\' u\'panDown()\' i\'controlimages/down_arrow.gif\' p ");\n\t addMenu0360Parameter("shotspot7","x75 y0 h25 w25 j\'left\' u\'startAutoPan(0.25,0,1)\' i\'controlimages/refresh.gif\' q ");'; if (form.JSBShowHotspots.checked) { if (form.JSBShowSound.checked) { JSBControlParams = JSBControlParams + '\n\t addPTViewerParameter("sound0","' + JSBSoundName2 + '");'; JSBControlMenuParams = JSBControlMenuParams + '\n\t addMenu0360Parameter("shotspot8","x100 y0 h25 w25 j\'left\' u\'toggleHS()\' i\'controlimages/show_hotspots.gif\' q ");\n\t addMenu0360Parameter("shotspot9","x125 y0 h25 w25 j\'left\' u\'PlaySound(0)\' i\'controlimages/play_sound.gif\' q ");\n\t addMenu0360Parameter("shotspot10","x150 y0 w25 h25 j\'left\' u\'map\' i\'controlimages/map_icon.gif\' q");\n\t addMenu0360Parameter("shotspot11","x100 y0 w96 h25 j\'right\' u\'\' i\'controlimages/logo_off.gif\' q ");\n\t addMenu0360Parameter("shotspot12","x100 y0 w96 h25 j\'right\' u\'URL:http://www.0-360.com\' i\'controlimages/logo_on.gif\' p ");\n\t'; } else { JSBControlMenuParams = JSBControlMenuParams + '\n\t addMenu0360Parameter("shotspot8","x100 y0 h25 w25 j\'left\' u\'toggleHS()\' i\'controlimages/show_hotspots.gif\' q ");\n\t addMenu0360Parameter("shotspot9","x125 y0 w25 h25 j\'left\' u\'map\' i\'controlimages/map_icon.gif\' q");\n\t addMenu0360Parameter("shotspot10","x100 y0 w96 h25 j\'right\' u\'\' i\'controlimages/logo_off.gif\' q ");\n\t addMenu0360Parameter("shotspot11","x100 y0 w96 h25 j\'right\' u\'URL:http://www.0-360.com\' i\'controlimages/logo_on.gif\' p ");\n\t'; } } else { if (form.JSBShowSound.checked) { JSBControlParams = JSBControlParams + '\n\t addPTViewerParameter("sound0","' + JSBSoundName2 + '");'; JSBControlMenuParams = JSBControlMenuParams + '\n\t addMenu0360Parameter("shotspot8","x100 y0 h25 w25 j\'left\' u\'PlaySound(0)\' i\'controlimages/play_sound.gif\' q ");\n\t addMenu0360Parameter("shotspot9","x125 y0 w25 h25 j\'left\' u\'map\' i\'controlimages/map_icon.gif\' q");\n\t addMenu0360Parameter("shotspot10","x100 y0 w96 h25 j\'right\' u\'\' i\'controlimages/logo_off.gif\' q ");\n\t addMenu0360Parameter("shotspot11","x100 y0 w96 h25 j\'right\' u\'URL:http://www.0-360.com\' i\'controlimages/logo_on.gif\' p ");\n\t'; } else { JSBControlMenuParams = JSBControlMenuParams + '\n\t addMenu0360Parameter("shotspot8","x100 y0 w25 h25 j\'left\' u\'map\' i\'controlimages/map_icon.gif\' q");\n\t addMenu0360Parameter("shotspot9","x100 y0 w96 h25 j\'right\' u\'\' i\'controlimages/logo_off.gif\' q ");\n\t addMenu0360Parameter("shotspot10","x100 y0 w96 h25 j\'right\' u\'URL:http://www.0-360.com\' i\'controlimages/logo_on.gif\' p ");\n\t'; } } } else { var JSBControlParams = ''; var JSBControlMenuParams = ''; } if (form.JSBTextBox.checked) { if (JSBTextY >= JSBMenuY) { JSBMenuHeight = JSBTextY + Number(form.JSBTextBGHeight.value) + 4; } else { JSBMenuHeight = JSBMenuY + 28; } } var JSBName = new Array(8); var JSBFile = new Array(8); var JSBSound = new Array(8); var JSBText = new Array(8); JSBName[0] = form.JSBMenuName0.value; JSBFile[0] = form.JSBMenuFile0.value; JSBSound[0] = form.JSBMenuSound0.value; JSBText[0] = form.JSBMenuText0.value; JSBText[0] = JSBText[0].replace(/"/gi,"''"); JSBText[0] = JSBText[0].replace(/\r|\n|\r\n/g,"|"); JSBName[1] = form.JSBMenuName1.value; JSBFile[1] = form.JSBMenuFile1.value; JSBSound[1] = form.JSBMenuSound1.value; JSBText[1] = form.JSBMenuText1.value; JSBText[1] = JSBText[1].replace(/"/gi,"''"); JSBText[1] = JSBText[1].replace(/\r|\n|\r\n/g,"|"); JSBName[2] = form.JSBMenuName2.value; JSBFile[2] = form.JSBMenuFile2.value; JSBSound[2] = form.JSBMenuSound2.value; JSBText[2] = form.JSBMenuText2.value; JSBText[2] = JSBText[2].replace(/"/gi,"''"); JSBText[2] = JSBText[2].replace(/\r|\n|\r\n/g,"|"); JSBName[3] = form.JSBMenuName3.value; JSBFile[3] = form.JSBMenuFile3.value; JSBSound[3] = form.JSBMenuSound3.value; JSBText[3] = form.JSBMenuText3.value; JSBText[3] = JSBText[3].replace(/"/gi,"''"); JSBText[3] = JSBText[3].replace(/\r|\n|\r\n/g,"|"); JSBName[4] = form.JSBMenuName4.value; JSBFile[4] = form.JSBMenuFile4.value; JSBSound[4] = form.JSBMenuSound4.value; JSBText[4] = form.JSBMenuText4.value; JSBText[4] = JSBText[4].replace(/"/gi,"''"); JSBText[4] = JSBText[4].replace(/\r|\n|\r\n/g,"|"); JSBName[5] = form.JSBMenuName5.value; JSBFile[5] = form.JSBMenuFile5.value; JSBSound[5] = form.JSBMenuSound5.value; JSBText[5] = form.JSBMenuText5.value; JSBText[5] = JSBText[5].replace(/"/gi,"''"); JSBText[5] = JSBText[5].replace(/\r|\n|\r\n/g,"|"); JSBName[6] = form.JSBMenuName6.value; JSBFile[6] = form.JSBMenuFile6.value; JSBSound[6] = form.JSBMenuSound6.value; JSBText[6] = form.JSBMenuText6.value; JSBText[6] = JSBText[6].replace(/"/gi,"''"); JSBText[6] = JSBText[6].replace(/\r|\n|\r\n/g,"|"); JSBName[7] = form.JSBMenuName7.value; JSBFile[7] = form.JSBMenuFile7.value; JSBSound[7] = form.JSBMenuSound7.value; JSBText[7] = form.JSBMenuText7.value; JSBText[7] = JSBText[7].replace(/"/gi,"''"); JSBText[7] = JSBText[7].replace(/\r|\n|\r\n/g,"|"); var numpanos = 0; for (i=0; i<8; i++) { if (JSBName[i].length != 0) { numpanos = numpanos + 1; } } var JSBPreloadPanos = '\n\t addPTViewerParameter("preload","'; for (m=0; m'; var JSBShowHTML1 = '\<\<\< add the following between page HEAD tags: \>\>\>\n\n\\n\n <\<\< add the following in BODY, where you want tour to appear: \>\>\>'; var JSBShowHTML2 = ""; if (form. JSBShowHTML.checked) { JSBShowHTML1 = '\n\n \n\n\\n\n\n'; JSBShowHTML2 = '\n\n\n'; } form.JSBBox.value = JSBShowHTML1 + '\n\n\n\n

\n\n<' + 'script ' + 'language="JavaScript" type="text/javascript"\>\n\t addPTViewerParameter("file","' + JSBFile[0] + '");\n\t addPTViewerParameter("cursor","MOVE");\n\t addPTViewerParameter("barcolor","1111aa");\n\t addPTViewerParameter("bar_height","8");\n\t addPTViewerParameter("bgcolor","ffffff");' + JSBWait2 + JSBPreloadPanos + JSBControlParams + '\n\n\t' + menu0360params + '\n

' + JSBShowHTML2; } function UpdateQTValues(form) { var QTName2 = form.QTName.value; var QTWidth2 = form.QTWidth.value; var QTHeight2 = form.QTHeight.value; if (form.QTCont.checked) { var QTCont2 = 'true'; } else { var QTCont2 = 'false'; } if (form.QTCache.checked) { var QTCache2 = '\n\t addQTVRParameter("cache","true");'; } else { var QTCache2 = ''; } if (form.QTPan.checked) { var QTPanValue2 = form.QTPanValue.value var QTPan2 = '\n\t addQTVRParameter("pan","' + QTPanValue2 + '");'; } else { var QTPan2 = ''; } if (form.QTfov.checked) { var QTfovValue2 = form.QTfovValue.value var QTfov2 = '\n\t addQTVRParameter("fov","' + QTfovValue2 + '");'; } else { var QTfov2 = ''; } if (form.QTscale.checked) { var QTscaleValue2 = form.QTscaleValue.value var QTscale2 = '\n\t addQTVRParameter("scale","' + QTscaleValue2 + '");'; } else { var QTscale2 = ''; } if (form.QTEnableJS.checked) { var QTEnableJS2 = '\n\t addQTVRParameter("enablejavascript","true");'; } else { var QTEnableJS2 = ''; } if (QTName2.length != 0) { form.QTBox.value = '\<\<\< add the following between page HEAD tags: \>\>\>\n\n<' + 'script ' + 'src="UnWrapperApplets.js" language="JavaScript" type="text/javascript">\n\n\<\<\< add the following in BODY, where you want tour to appear: \>\>\>\n\n<' + 'script ' + 'language="JavaScript" type="text/javascript"\>\n\t addQTVRParameter("src","' + QTName2 + '");\n\t addQTVRParameter("controller","' + QTCont2 + '");' + QTPan2 +QTfov2 + QTscale2 + QTEnableJS2 + QTCache2 + '\n\t InsertQTVR("viewer",' + QTWidth2 + ',' + QTHeight2 + ');\n'; } else { form.QTName.value = '*_0360.mov'; form.QTWidth.value = 360; form.QTHeight.value = 270; form.QTBox.value = '\<\<\< add the following between page HEAD tags: \>\>\>\n\n<' + 'script ' + 'src="UnWrapperApplets.js" language="JavaScript" type="text/javascript">\n\n\<\<\< add the following in BODY, where you want tour to appear: \>\>\>\n\n<' + 'script ' + 'language="JavaScript" type="text/javascript"\>\n\t addQTVRParameter("src","*_0360.mov");\n\t addQTVRParameter("controller","true");\n\t addQTVRParameter("fov","93");\n\t addQTVRParameter("scale","tofit");\n\t addQTVRParameter("cache","true");\n\t InsertQTVR("qtvr",360,270);\n'; } } function UpdateAllValues(form) { UpdateQTValues(form); UpdateJSBValues(form); UpdateJSValues(form); } // End -->

Canon PowerShot A650 IS (12MP) for $399!

Become a Reseller!

Click Here for single image virtual tour (java based)
Click Here for multiple image virtual tour, with pull-down menu (java based)
Click Here for single image virtual tour for Quicktime (QTVR)

Publish for Java viewer

While there are several Java viewers available, these parameters are specific to PTViewer, a terrific and FREE viewer from Helmut Dersch. Requires no plug-in, but the visitor's browser must be Java-enabled.

Here is the code for embedding a single panorama into your web page:

Image Name
Viewer Width
Viewer Height

Pan (-180,180) FOV (12-165) Auto Rotate (-360,360)
Anti-Alias Over Sampling Cache
Wait Image

Add Control Bar Show Hotspots Sound File:

What do these parameters mean?
Download files needed

Here is the code for embedding a multiple image panorama, with pull-down menu into your web page:

Viewer Width
(pixels) Viewer Height
(pixels) Initial Zoom
(FOV, 12-165) Auto Rotate
(-360,360)
Wait Image

Menu Backgd Image: Menu Y:

Add Control Bar Show Hotspots Main Sound File:

Map Address:

Show Text Area Lines: Letters per Line: Scrollbars:None Side Bottom Both
Text Area background Height: Text Area Y

Pull-Down Menu Items:

Name #1 Image:←
NOTE: Strip all of the local directory info (C:\Documents and Settings\...) from the front of the file name.

Text: Enter text description here.

Sound:

Name #2 Image:←

Text:

Sound:

Name #3 Image:←

Text:

Sound:

Name #4 Image:←

Text:

Sound:

Name #5 Image:←

Text:

Sound:

Name #6 Image:←

Text:

Sound:

Name #7 Image:←

Text:

Sound:

Name #8 Image:←

Text:

Sound:

Show Other Parameters

Make complete HTML page

What do these parameters mean?
Download files needed

Publish for QuickTime^®

Probably the highest quality viewer for panoramic virtual tours. Requires the visitor to have the QuickTime plug-in, available free from Apple Computer. Now with Auto-Rotate!

Here is the code for embedding the panorama into your web page:

Image Name
Viewer Width
Viewer Height

Controller Pan (0-360) FOV Scale
Cache Enable JavaScript

What do these parameters mean?
Download files needed

*Product names referenced herein are registered trademarks of their respective owners.

Questions? Click here to email us.

Email this page to a friend!

Contact Us | Home

0-360™, Panoramic Optic™, UnWrapper™, et al., are trademarks of Bellissimo Inc.
about Bellissimo, Inc.