Install and configure FlashXML FLA files
In this article you will find instructions on how to configure our FLA files and how to publish the compiled SWF file on your website.
These instructions cover the non FX labeled products from this website.
1. Archive contents
The downloaded zip archive usually contains the following files:
FLA
SWF
HTML
XML
Images folder
If you want to use the exact characteristics of the product (the same dimensions of the SWF and images, background color, fonts and so on), exactly as the samples (demos) appear on each product’s page, you won’t need to use Flash and you can skip the second step (FLA configuration). You will be able to change the images and text through the XML file (step 3).
2. FLA configuration
Most commonly you will need to adjust the product to fit in a specific width and height and into the color scheme of your website. You will also want to change some properties of the images or text or other properties which appear as changeable in the product’s description. To do that you will need to open the FLA file with Adobe Flash (Flash CS3 or Flash CS4 or Flash 8 and some files will open even with Flash MX 2004). On each product’s page you will find which Flash version a specific FLA file opens with.
Immediately after you opened the FLA file with Flash you must find the properties/variables you can change in order to customize the product. These can be found in the first frame on the timeline in the "product name container" symbol in Library (Ctrl+L).
So double-clicking this "product name container", then clicking on the first frame in the timeline and going to the Actions panel (F9) will enable you to edit all the code of the product. Note you will not find code in other places.
At the beginning of the code you will see all the variables (with comments and possible values) which you’ll be able to change. You can test your movie after each change by pressing Ctrl+Enter.
After configuring the variables according to your own needs you might want to set the overall width and height of the product. Besides the widths and heights specified through some custom variables, you will need to set the Flash document's width and height. To do that simply press Ctrl+J.
To integrate the product into an existing FLA project of yours you’ll need to copy-paste all the symbols from the product’s FLA Library into your existing FLA's Library, then simply drag & drop the "product name container" symbol from the Library onto the Stage.
3. XML configuration (images paths, texts, target URLs, etc)
You do not need instructions on how to edit an XML file because you'll find it’s pretty self explanatory. You’ll just need a text editor like Notepad++ (or you can use the default windows notepad). In the XML file you can change the path of the images reflecting the relative or absolute path of your images. You can also change the caption of each image and any other option that is specified as being XML editable in the description of each product.
4. Inserting the published clip on your website
The compiled clip (SWF file) can be obtained by either hitting Ctrl+Enter or Shift+F12 while editing the FLA file. Shift+F12 creates in addition an HTML file, from which we wouldn't necessarily recommend using the code within, but using SWFObject instead, the most commonly used tool to embed SWF into HTML files.
Open your HTML file with a text editor and insert somewhere between the <head> </head> tags the following lines:
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("product-name.swf", "ProductDiv", "600", "300", "9.0.0", false, flashvars, params, attributes);
</script>
In this script you might want set accordingly the following values: product-name.swf and the width and height of the SWF (600 and 300 in the example above).
Download the swfobject.zip file and put the swfobject.js file from within the zip archive on your webserver in the same folder with the HTML file which embeds the SWF file.
In the same folder you might want to add the other assets that the SWF file will use, like the XML file and the images folder.
For a fast and easy publishing, the best thing to do is to have the SWF file, the HTML file which embeds the SWF, the swfobject.js file, and the assets that the SWF uses (XMLs, JPGs folder) in the same folder.
If that is not possible, please read this detailed article on how to specify the paths correctly.
The above code itself isn’t enough to publish the SWF file on your webpage. You just need to add a div somewhere in the body section of your page (between the <body> </body> tags of your HTML file).
So, in a specific location of your HTML body section insert this div:
<div id="ProductDiv"></div>
If your HTML file is empty (newly created) and you don't have the <head> </head> and <body> </body> tags, simply create them.
why when I insert the gallery to my flash file its works but there are no tansitions between the photos ?
Hi,
If you’re talking about the Dock Gallery FX then you should follow the steps from this tutorial.
hi, I just bought your image scroller.
1 question: unzipping your demo with your logo, I can run the html file included and see the swf file. unzipping the bought version and running the html file included, I see only the preloader of the swf file.
I opened the fla with flash cs3 and I can test the movie OK, but when I see it with the html preview I can see again only the preloader running.
How so??
2. question:
I would like to use the lightbox and clicking on a image, display an url framed.How can I give in the xml file the dimensions of the page to be displayed?
Thanks and best regards
Luisa Fumi
Hi,
It doesn’t work because it has Lightbox activated and it works only when is tested on a http server. To work hen you run the html file you need to change the value of useLightbox to false in your settings.xml file.
You can’t use lightbox to click on a image and display an url framed.
Hi,
Si la photo dans (big) est petite, comment le centrer dans l’affichage.
Thanks.
Hi,
Please give us the link to your website and we will check it.
J’ai testé la version dock gallery (free archive) et l’image (big) se trouve en dehors du cadre d’affichage, par exemple une photo en portrait.
comment le corriger.
Great products …
Well, I wonder if the 3dwall, I can link to the images (in the “images.xml: as in this example: <image url =” images/02.jpg “link =” http://www.pandaeletro.com . Br “target =” _blank “><![ CDATA [You Can customize it without Flash <br> ]]></ image>), pointing to other pages on my site, and how do?? Grateful .. .
Hi,
You need to change the value of link attribute with the complete address of the page you want to link.
I have tried to add the embedding code many times. I put all the elements into a folder and called for that folder to display, yet I am unsuccessful.
Are you able to give me an example of the embed code? It does display an empty square at the size I specified but there isn’t anything inside of the space.
Hi,
You need to set the absolute path for pictures inside the images.xml file.
I am speaking of the dynamic list component. I am trying to display it on one of my wordpress pages. I am knowledged in coding and wordpress…however, I am finding it difficult to install the dynamic list through either a shortcode or through the html.
Are you able to offer up any assistance on what steps I can take to accomplish displaying your beautiful dynamic list component on my wordpress site?
Hi,
You need to add the embedding code in the Edit Post section and use the absolute path for all the assets.
I need some information about the flash component (Cover Flow FX) for single use (Personal License): this product can be used/installed within two domains at internet (eg.: www.myname.com and www.myname2.com ?).
In other hand, I need to acquire what category (commercial, special or extended licence).
Hi,
If you want to use a product on more than one website you need to either buy two personal/commercial license for every website or a special license that grands you an unlimited number of uses. More details here.
I’m going through the fla installation and I’m still having problems. I wonder if it’s because I am trying to insert it on a wordpress site?
I’m using the dynamic list on one page to do a ‘meet our team’ section.
I inserted the proper coding into the header file for my wordpress theme. I also inserted the proper div’s into the html and all the files into one directory.
I was hoping you may be able to assist me in my troubles, please.
Hi,
What are you trying to achieve and what component are you talking about?
want to try out this component
Hi,
What component do you want to try?