Home » Forums » Using Flash to deliver panoramas » PanoSalado : The Open Source viewer

Basic HTML embedding for Panosalado

Hi there:

I realized I'd neglected to show the basic method for embedding your PanoSalado presentation in a Web page. To wit:

Using Geoff Stearns' SWFObject is recommended (http://blog.deconcept.com/2007/10/02/swfobject-2-0-beta/)

This first example is the most basic. If an xml parameter is not defined for ModuleLoader.swf, it will look for the default of "Panosalado.xml":

<script type="text/javascript" src="path/to/swfobject.js"></script>

<div id="flashcontentpanosalado">text which appears when user needs to install Flash</div>

    <script type="text/javascript">
                var so = new SWFObject("path/to/ModuleLoader.swf", "pano", "100%", "550", "9.0", "#FFFFFF");
                so.addParam("allowFullScreen","true");
                so.addParam("allowScriptAccess","sameDomain");
                so.write("flashcontentpanosalado");
                window.document["pano"].focus();
    </script>

The second & third examples define the xml parameter for ModuleLoader.swf to use:

(method 1)

<script type="text/javascript" src="path/to/swfobject.js"></script>

<div id="flashcontentpanosalado">text which appears when user needs to install Flash</div>

    <script type="text/javascript">
                var so = new SWFObject("path/to/ModuleLoader.swf?xml=path/to/PanoSalado.xml", "pano", "100%", "550", "9.0", "#FFFFFF");
                so.addParam("allowFullScreen","true");
                so.addParam("allowScriptAccess","sameDomain");
                so.write("flashcontentpanosalado");
                window.document["pano"].focus();
    </script>

(method 2)

<script type="text/javascript" src="path/to/swfobject.js"></script>

<div id="flashcontentpanosalado">text which appears when user needs to install Flash</div>

    <script type="text/javascript">
                var so = new SWFObject("path/to/ModuleLoader.swf", "pano", "100%", "550", "9.0", "#FFFFFF");
                so.addParam("xml","path/to/PanoSalado.xml");
                so.addParam("allowFullScreen","true");
                so.addParam("allowScriptAccess","sameDomain");
                so.write("flashcontentpanosalado");
                window.document["pano"].focus();
    </script>

__________________

Patrick Cheatham
FlashPanos.com creator, Panoramic Photographer
Got PanoSalado?

‹ PNG or JPG? Rev 131 availability as compiled? ›

I wasn't able to get method

I wasn't able to get method #2 to work. Sad

-Mike

Also, you should mention

Also, you should mention that you also need to update all the URLs in the XML file to match the absolute path.

Finally, please add this thread to the wiki!

-Mike

One more thing: The paths in

One more thing: The paths in the XML file need to also use the same relative path, even if the XML file is located in a subdirectory.

In the examples above, the relative path would be "path/to/".

-Mike