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

Alicia Montgomery

Posted 8 years ago

I tried to change the images that display in the BannerRotatorFX, but when I changed the file names it is not being reflected on the webpage that I have included the BannerRotator. Not sure if I did something wrong. I somehow got images that are in a folder on my website to display but not the ones that I have listed in the images.xml file.

Also how do you change the speed that the images, not sure if I did it in the right location because I can’t get it to work, or work like I thought it would.

FlashXML Support

Hi,

I have checked the site you provided, http://www.shawtybuxproductions.com/LH/LH.html and I found some problems with your Banner Rotator. You banner seems to load the settings.XML and images.XML from the 3D Banner. These two components, while having files named similarly are not interchangeable. This is why the component is malfunctioning, as it can’t find its proper settings.

You will have to go to the Banner Rotator page, and regenerate the settings using our Live Demo, then copy/paste the code from our LiveDemo over the one in your existing settings.XML.

Also, you will have to do some heavy modifications to your images.XML file. A typical image loaded in the images.XML must have this syntax:

<photo image="images/01.jpg" url="http://www.flashxml.net" target="_blank" duration="4" effect="zoom" zoompercent="200" direction="out" hzoompos="left" vzoompos="right">
 <![CDATA[<head>Download the new FlashXML Banner Rotator</head><body>it's FREE</body>]]></photo>

in which duration is the time each image is displayed, effect is the type of effect you want for the picture, which can be either “zoom” or “ken burns”.

Also, make sure that all the pictures declared in the image.XML exist, because if you declare a picture in the images.XML which doesn’t exist, will cause the component to stop working.

Josie

Posted 8 years ago

Hello,
I’m getting confused on where to put my Photowall files. Also my website has a index.html page. I can’t put the photowall index.html in the same place. Do I need to rename the photowall index?

Here is what my site looks like for an example…

Folder with site in it …...
index.html
index images folder
about.html
about images folder
photos.html
photos image folder

I don’t know if that makes any sense. But I don’t know where to put the photowall files. Do I put them in a new folder. Keep them in the folder that contains all my html pages?

If you can make sense of what I’m saying I would appreciate some help.
Thanks

FlashXML Support

Hi,

You can leave all the component’s folder in the same place, the same folder as long as you declare for each page in which you want to use the component the correct filepaths and add the folderpath values.
So you will have this:
[site]
– [fx_component]
– [index]
– [about]
– [photos]
– index.html
– about.html
– photos.html

You can read a full article about this here You will need to use for each of your HTML pages you want to add the component to the embedding code in the FAQ making the proper modifications to the code. Let’s say that you’ll embed it in the photos.HTML page. Your code will look like this

<script type="text/javascript" src="fx_component/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "fx_component/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("fx_component/ComponentNameFX.swf", "ComponentNameDiv", "600", "300", "9.0.0", false, flashvars, params, attributes);
</script

John

Posted 8 years ago

hi i am going wrong somewhere please help, all I get is a blank block

<script type=“text/javascript” src=“swfobject.js”></script><script type=“text/javascript”>var flashvars = {};flashvars.folderPath = “/public_html/albumtest/PhotoGalleryFX.swf/”;var params = {};params.scale = “noscale”;params.salign = “tl”;params.wmode = “transparent”;var attributes = {};swfobject.embedSWF(”/public_html/albumtest/PhotoGalleryFX.swf/”, “DivPhotoGalleryFX”, “600”, “400”, “9.0.0”, false, flashvars, params, attributes);</script>

FlashXML Support

Hi,

Please use the following code:

<script type="text/javascript" src="albumtest/swfobject.js">
</script><script type="text/javascript">
var flashvars = {};
flashvars.folderPath = "albumtest/";
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("albumtest/PhotoGalleryFX.swf", "DivPhotoGalleryFX", "600", "400", "9.0.0", false, flashvars, params, attributes);
</script>

Rodolfo

Posted 8 years ago

I’d like to publish the product on the whole page like in the preview settings page.
Thanks

FlashXML Support

Hi,

Please tell us which of our products you are referring?

Ashwin

Posted 8 years ago

I wanted to try this product so I’m using the demo version. I downloaded the file the executed the the index file. It runs properly. But as soon as I changed the images, I uploaded a few of my own in the image folder on my domain, the scroll bar fetches my images but when I click on the image there is no window poping out showing me the enlarged image.
Please let me know what can I do.

Thank you,
Ashwin

FlashXML Support

Hi,

Edit settings.xml , go to <General_Properties> and change the value of the attribute useLightbox to “false”.

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