Questions

Answer

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: http://www.yourdomain.com/index.html

- the swfobject.js file is located at this address: http://www.yourdomain.com/Banner/swfobject.js

- the product's files (XMLs, assets and images) are located in the Banner folder: http://www.yourdomain.com/Banner/

- the 3DBannerFX.swf file is located in the product's folder: http://www.yourdomain.com/Banner/3DBannerFX.swf

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
</script>

You can also use absolute paths like in this example:

params.base = "http://www.yourdomain.com/Banner/";

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.

Comments

Sharon

Posted 7 years ago

No need to respond to the previous question about the cylinder flash, I figured it out.

But I do have a question about cache in browsers. Everyone time I make a change in the settings file or in the html, or the xml file, does that mean once I upload any of those files to the server again, if visitors have already visited the page where the flash component is on, they won’t be able to see the flash until they clear their cache?

Thanks
Sharon

FlashXML Support

We add a random number at the end of every XML file every time the request is made when the product loads on your website so the XML files the visitors are loading are always the latest version.

Sharon

Posted 7 years ago

Hi

I’ve read over your section about how to imbed and use the correct path, but after three hous of playing around with this, I still can’t get flash component to work on my web page when I upload it. If works fine locally on my computer. . I have the paid version of the Cylinder gallery.

I have all my files uploaded to a directory called gallery/ including the html page that will display the flash.

The page comes up blank, however.

Here’s what I have inserted in my CSS

<div id=“Div3DCylinderGalleryFX”> </div> <script type=“text/javascript” src=“swfobject.js”></script> <script type=“text/javascript”> var flashvars = {}; var params = {}; params.base = “gallery/”; params.scale = “noscale”; params.salign = “tl”; params.wmode = “transparent”; params.allowFullScreen = “true”; params.allowScriptAccess = “always”; swfobject.embedSWF(“gallery/3DCylinderGalleryFX.swf”, “Div3DCylinderGalleryFX”, “750”, “800”, “9.0.0”, false, flashvars, params); </script>

I also tried putting a path for the swf files gallery/swfobject.js but that didn’t work either.

Here’s the link to the page:

http://www.minneapolisacademy.org/gallery/gallery_review.htm

Thanks for any feedback.

Sharon

cathy

Posted 7 years ago

Hi. Here is the script I copied and placed on my html page where I want it. See below:

<div id=“Div3DCarouselMenuAS3FX”></div>
<script type=“text/javascript” src=“swfobject.js”></script> //www.ebonytouch.com/carousel
<script type=“text/javascript”> var flashvars = {}; var params = {}; params.base = “http://www.ebonytouch.com/carousel/”; params.scale = “noscale”; params.salign = “tl”; params.wmode = “transparent”; params.allowFullScreen = “true”; params.allowScriptAccess = “always”; swfobject.embedSWF(“3DCarouselMenuAS3FX.swf”, “Div3DCarouselMenuAS3FX”, “300”, “250”, “9.0.0”, false, flashvars, params); //www.ebonytouch.com/carousel
</script>

FlashXML Support

You have the following code:

</head>
<body >

right before this line:
<script type="text/javascript" src="carousel/swfobject.js"></script> //www.ebonytouch.com/carousel/";

and you can’t have more than one </head> and <body> tags so remove them.
Also, remove
//www.ebonytouch.com/carousel/";

at the end of this line:
<script type="text/javascript" src="carousel/swfobject.js"></script> //www.ebonytouch.com/carousel/";

Finally, replace the following code you’re using:
<script type="text/javascript">
 var flashvars = {};
 var params = {};
 params.base = "http://www.ebonytouch.com/carousel/";
 params.scale = "noscale";
 params.salign = "tl";
 params.wmode = "transparent";
 params.allowFullScreen = "true";
 params.allowScriptAccess = "always";
 swfobject.embedSWF("carousel/Div3DCarouselMenuAS3FX.swf", "Div3DCarouselMenuAS3FX", "600", "374", "9.0.0", false, flashvars, params); //www.ebonytouch.com/carousel/";
</script

with this one:
<script type="text/javascript">
 var flashvars = {};
 var params = {};
 params.base = "carousel/";
 params.scale = "noscale";
 params.salign = "tl";
 params.wmode = "transparent";
 params.allowFullScreen = "true";
 params.allowScriptAccess = "always";
 swfobject.embedSWF("carousel/3DCarouselMenuAS3FX.swf", "Div3DCarouselMenuAS3FX", "600", "374", "9.0.0", false, flashvars, params);
</script

And then add
<div id="Div3DCarouselMenuAS3FX"></div>

where you want to display the 3D Carousel Menu FX.

sonia

Posted 7 years ago

I have installed the banner rotator and it works properly, but I need to disable the zoom in of the images. How can I do it?.

FlashXML Support

The zoom in effect of the images can be changed from the effect attribute of each photo in the images.xml file.

Sean Burrage

Posted 7 years ago

Hi, I’ve tried deploying this slideshow on my website (www.highlandgates.co.uk/galleries.html) but it appears to be non functional and the thumbnails don’t load. Please could you tell me what I’ve done wrong? I’ve followed instructions word for word.

FlashXML Support

I checked your website and everything works fine. Clear the cache of your browser as specified here: http://www.flashxml.net/how-to-clear-your-browsers-cache.html and check it again.

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] flashxml.net.
(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 © FlashXML.net 2009 - 2019