krpano on squarespace based site.

  • Hello,

    I am trying to incorporate virtual tour in squarespace. All the files for the tour are on a different server. I have read some of the threads but I didn't manage to make this work.

    In square space i use this code:

    Code
    <script src="https://.../.../tour.js"> </script>
    <div style="width: 100%; padding-top: 56.25%; position: relative;">  <div id="pano" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></div></div>
    <script>  embedpano({swf:"https://.../.../tour.swf", xml:"https://.../....tourxd.xml", target:"pano"});</script>


    On the server with the krpano i use these files:

    index.html:

    HTML
    <!DOCTYPE html><html><head>	<title>krpano - pano</title>	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover" />	<meta name="apple-mobile-web-app-capable" content="yes" />	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />	<meta http-equiv="x-ua-compatible" content="IE=edge" />	<style>		@-ms-viewport { width:device-width; }		@media only screen and (min-device-width:800px) { html { overflow:hidden; } }		html { height:100%; }		body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }	</style></head><body><script src="https://.../.../tour.js"></script>
    <div id="pano" style="width:100%;height:100%;">	<noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>	<script>		embedpano({swf:"https://.../.../tour.swf", xml:"https://.../.../tourxd.xml", target:"pano", flash: "only", mobilescale:1.0, passQueryParameters:true});	</script></div>
    </body></html>


    tour.xml


    And finaly here is the crossdomain.xml

    XML
    <?xml version="1.0"?><cross-domain-policy xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="http://www.adobe.com/xml/schemas/PolicyFile.xsd"><allow-access-from domain="*"/></cross-domain-policy>

    I get this error: tour.xml - loading failed. Not sure if it is possible to make it work this way. Unfortunately I can't upload the panos directly in squarespace. Dou you guys have any suggestions?

    Thanks in advance,
    Alex

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!