How to specify the correct path in the embedding code of the SWFs


Generally, you must know that the path of the assets the SWF uses (the path of the images or videos specified in the XML file and the path of the XML files themselves) must be relative to the path of the HTML file which embeds the SWF file (and not relative to the SWF file - a common confusion).

If the folder path of the HTML differs from the product’s folder path (the folder in which the XML files and images or videos are located) then you must specify that path as value for the base attribute.

This is an example for 3D Banner FX (replace the product's name if you're using a different one):

- the index.html file is located at this address on your domain:

- the swfobject.js file is located at this address:

- the product's files (XMLs, assets and images) are located in the Banner folder:

- the 3DBannerFX.swf file is located in the product's folder:

This is the embedding code you have to use:

<div id="Div3DBannerFX"></div>
<script type="text/javascript" src="Banner/swfobject.js"></script> //specify the folder's name here
<script type="text/javascript">
 var flashvars = {};
 var params = {};
 params.base = "Banner/"; //specify the folder's name here
 params.scale = "noscale";
 params.salign = "tl";
 params.wmode = "transparent";
 params.allowFullScreen = "true";
 params.allowScriptAccess = "always";
 swfobject.embedSWF("Banner/3DBannerFX.swf", "Div3DBannerFX", "600", "374", "9.0.0", false, flashvars, params); //specify the folder's name here

You can also use absolute paths like in this example:

params.base = "";

In case you used a different folder name don't forget to replace in all locations the Banner name with the name of your folder.

Note: there are three different locations in the embedding code where you have to specify the product's folder name so make sure you update all of them.



Posted 10 years ago

After playing with this for a few days in Expression Web...
It seems the image paths specified inside the images.XML file, and references to the settings.xml & images.xml files are relative to the html file that that loads the swf file - not the swf file itself...

The dockmenu.swf will accept an imagesXML= variable to specify the images.xml file location during the embed: flashvars.imagesXML="Your_Images.xml";
(don't forget to remove the imagesXML parameter from the settings.xml file)

However the banner.swf does not appear repsect this variable when passed in the same manner.
(Always uses whatever is in the settings.xml file - and reverts to a generic images.xml if nothing is specified in the settings.xml file)


Posted 10 years ago

I'm trying to create DWT in Expressions that can use these components from a sub folder. For example - the dock menu in a header. I've got a DWT working as long as the html page created from it also reside at the same director level - they work.

I'm a little lost as to how to generalize this so the same DWT can also be utilized to create pages that in a sub-folder (just to organize content). Clearly - the refernces to the SWF, settings & images xml file need to change when the page created at another directory level as the original DWT.

Seems simple - but because the references are in the JS section - expressions does not do the fixup as you move to a sub folder (as it does with links).

var flashvars = {};
flashvars.settingsXML= "DockMenu_Settings.xml";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("dockmenu.swf", "DockMenuDiv", "800", "80", "9.0.0", false, flashvars, params, attributes);


Debra Scott

Posted 10 years ago

I have read the above several times and I don't know what file to put the above, myimages, mysettings, or the fla file, and where does it go. Please help. my files are located flash\carousel_commercial3, and my main index file is Engweb\engineering so where and what do I do to keep from putting all my flash files at the root to make them work.


Do you have a question?

you will get an answer in 24 hours, tops.

(required) Only alphanumeric characters allowed
(required) (will not be published)
Please type a message! Your message is too long! Either try to keep within 1500 characters, or contact our support team via email at support [at]
(will not be published)
You mistyped the two words!
Can't read? Change the image
Format your comments using Textile: *bold*, _italic_, "link text":address, @code@
Connect to us on Facebook Follow us on Twitter Subscribe to our RSS feed
Copyright © 2009 - 2020