This is how I made it to work:
1. Create a folder on your desktop and copy all panorama files into it.
2. Open the panorama .html file with Notepad or another simple text editor and copy the head code, which should look like:
Code:
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta property="og:image" content="YourPanoName_tiles\YourPanoName_thumb.jpg">
<title></title>
</head>
3. Open your web file in Web Designer/Designer Pro and create a rectangle on the page where you would like your panorama to show and give it the appropriate size for viewing it.
4. With the rectangle selected go to Utilities/Web Properties/Placeholder/HTML code (head), paste the code and click 'OK'. Don't forget to click 'Apply' on the Web Properties dialog.
5. Now copy from the panorama .html file the body code, which should look like:
Code:
<body>
<div align="center" style="height: 100%; overflow:hidden;">
<noscript><div style="color: red; width: 30%; border: 1px solid red; padding: 4px; font-family: sans-serif;"></div></noscript>
<div id="panoStudioViewerID" style="position: absolute; left: 0px; top: 0px; width: 100% ; height: 100% ;"></div>
<script type="text/javascript" src="panoStudioViewer.js"></script>
<script type="text/javascript">panoStudioViewer.insert("panoStudioViewerID","YourPanoName.json",{html5:"disable_webgl_warning"});</script>
</div>
</body>
6. Paste this code into the placeholder's 'HTML code (body)' dialog and click 'OK'. Again, don't forget to click 'Apply' in the Web Properties dialog.
7. Go to File/Export website and browse to the folder on your desktop that you created earlier and click 'Export'.
8. Now go to File/Publish website (or click F5 or the 'Preview whole website' button on the toolbar) to check if it's all working correctly.
Bookmarks