Questions
Answer
Path issues with SWF files configured via XML
Generally, you must know that the path of the assets the SWF uses (the path of the images 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).
More conclusively:
If the folder path of the HTML differs from the product’s folder path (the folder in which the XML files and images folder are located) then you must specify that path through a variable called folderPath.
For example, in the swfobject embedding code, under this line:
var flashvars = {};
add this line:
flashvars.folderPath = "my_path";
and replace my_path with the path you need to follow to go from the location of the HTML file to the folder in which the assets are located. Alternatively you can specify an absolute path. Note that when you specify the folderPath, it must be terminated with a “/”.
If it is still unclear, please read this arbitrary example:
- the index.html file is located at this address on my domain:
http://www.mydomain.com/index.html
- the swfobject.js file is located at this address:
http://www.mydomain.com/js/swfobject.js
- the product's files (XMLs, assets and images folders) are located in this folder:
http://www.mydomain.com/mycomponent/
- the ComponentNameFX.swf file is located in the product's folder on my domain:
http://www.mydomain.com/mycomponent/ComponentNameFX.swf
In this case, the right embedding code in the index.html file using relative paths is:
<script type="text/javascript" src="mycomponent/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "mycomponent/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
params.allowScriptAccess = "always";
var attributes = {};
swfobject.embedSWF("mycomponent/ComponentNameFX.swf", "ComponentNameDiv", "600", "300", "9.0.0", false, flashvars, params, attributes);
</script>
So again, all the paths are relative to the path of the HTML file and note that the folderPath (if specified) should end with a slash (/). You can of course use any path you like for any type of file, but the references must be modified accordingly.
You can also use absolute paths, for example:
flashvars.folderPath = "http://www.mydomain.com/mycomponent/";
Comments
Do you have a question?
you will get an answer in 24 hours, tops.
Rich Nya
Posted 3 months agoHi, I can’t not get the following code to work. Please help!
</script>
<script type=“text/javascript” src=“http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js”></script>
<script type=“text/javascript” src=“http://www.wvu.edu/~agexten/js/gaEventTracker.js”></script>
<script type=“text/javascript” src=“http://www.wvu.edu/~agexten/aw/swfobject.js”></script>
<script type=“text/javascript”>
var flashvar = {};
flashvars.folderPath = “http://www.wvu.edu/~agexten/aw/”;
var params = {};
params.scale = “noscale”;
params.salign = “tl”;
params.wmode = “transparent”;
params.allowScriptAccess = “always”;
params.allowFullScreen = “true”;
var attributes = {};
swfobject.embedSWF(“http://www.wvu.edu/~agexten/aw/MediaSlideshowFX.swf”, “DivMediaSlideshowFX”, “600”, “300”, “9.0.0”, false, flashvars, params, attributes);
</script>
Hi,
The problem was with the name of flashvar variable, but I checked your website and I noticed that you have fixed it already.
Monica
Posted 3 months agoHello, I am trying to install multiple flash products on my website. So far I have an image gallery installed on one page and I am trying to install a rotating banner on a different page. Since some of the files for both products have the same file names, I read your article on how to specify specific paths and followed the directions exactly. Unfortunately, the banner rotator will not display correctly. It displays very tiny and will not respond to my changing the size as suggested on your “how to install” page. I can’t figure out what I am doing wrong. Can you help?
Hi,
Please send us the link to your webpage and we will check where the problem is.
juan
Posted 3 months agoHi, I’m trying to understand all the processes with the carousel app before purchase it. I have a problem with the carousel width, I setup 1020×800 when I put the code and change the pixels on dreamweaver, the carousel is no wider than 600 pixels. I’m doing anything wrong?
Thank you
Hi,
In order to change the carousel’s dimension, you have to edit settings.xml and to adjust the values for carouselWidth, carouselHeight, radiusX, centerX, etc accordingly. Also, you have to change the value for width and height in the embedding code:
e.g:
swfobject.embedSWF("3DCarouselMenuFX.swf", "CarouselDiv", "1020", "800", "9.0.0", false, flashvars, params, attributes);Do not forget to clear your browser's cache before testing the changes.Toby J Burton
Posted 4 months agoHi Support,
I am trying to embed 3D Carousel into an html page to work with my wbe pages, unfortunatly I keep getting the same erroe and I have ran out of idears! can you help?
Below is the script:-
<script type=“text/javascript” scr=“http://www.ratcliffeccf.org/public_html/FlashXML Carosel/swfobject.js” type=“text/javascript” charset=“UTF-8></script>
<script type=“text/javascript”>
var flashvar = {};
flashvar.folderpath = “http://www.ratcliffeccf.org/public_html/FlashXML Carosel/”;
flashvar.imagesXML = “http://www.ratcliffeccf.org/public_html/FlashXML Carosel/images.xml”;
flashvar.rotationAngle = “20”;
flashvar.showCenteredImage = “true”;
var params = {};
params.scale = “noscale”;
params.salign = “tl”;
params.wmode = “transparent”
params.allowScriptAccess = “always”;
params.allowFullScreen = “true”;
var attributes = {};
swfobject.embedSWF(“http://www.ratcliffeccf.org/FlashXML Carosel/3DCarouselMenuFX.swf”, “Div3DCarouselMenuFX”, “600, “400, “9.0.0, false, flashvars, params, attributes);
</script>
</head>
<body>
<div id=“Div3DCarouselMenuFX”></div>
</body>
</html>
Line 23
Error – Expected ‘)’
Thanks
Toby
Hi,
Could you please give us a link to the webpage where you are trying to add the Carousel Menu as I can’t seem to find it on your site?
Somnath
Posted 4 months agoI have downloaded the banner-rotator.zip files in which i’m getting the images which is by default.. i’m experimenting by adding my images.. but due to some problem, which is unknown to me, I’m not able to change the images and have similar effects. It would be great if i receive some help
Hi,
Try to clear your browser’s cache and to reload the page each time you make any changes in the xml files. If still does not work, send us the link to your website and we will check it out.