Questions
Answer
Install and configure Basic 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.
Comments
Do you have a question?
you will get an answer in 24 hours, tops.
sachin
Posted one month agohi
I Purchased your some products for flash presentation every ting is ok up to installation of component and acquire desire effect with xml setting . But how do I controls my .swf time line from externally with menu or images.xml file
in the read me file some hint is given but as i am new to xml explain or derect me the url path
<photo image=“images/02.jpg” url=“http://www.flashxml.net” target=”_blank”><![CDATA[It’s FREE]]></photo>
in above line path for url is correct but I want to control timeline of flash file in which component is added
its a off line presentation
(,swf file and .xml file is in same folder )
Hi,
If I understand correctly, you want to go to another frame instead to an external url. This is possible if the component dispatch events (it’s specified in the Installation Instructions for Flash, from the product’s page). Please read this article to see how to use events.
Yann Kovic
Posted one month agoHi, sorry for my poor english
I try to use some of yours applications for my personnal Web site (3D wall fir instance), but each time I try one, I can’t configure it from the .xml file. I can modify the xml file, but it seems to be not operating.
Therfefore, if I configure the applications on your web site and download it, the result is correct.
Is there any limitation of use on water marked version ?
Hi,
There should be no limitations on the watermarked SWF. Your browser might have been caching the old XML values, and even after you changed the XML the component remained the same because the browser was just re-loading the old XML values.
Vasile
Posted one month agoon Image Scroller FX, how to put a text description under the image?
Thanks
Hi,
If you want to change the text’s position to bottom, you have to open settings.xml and to change the value of <position> attribute to bottom. The text can be edited in images.xml (CDATA section).
Chez
Posted 2 months agoHow do I lock the dimensions of the doc-gallery so that when the viewer re-sizes the browser window the gallery itself won’t change sizes? I want it to stay locked to the dimensions of the window it is housed in and fit proportionately. Ultimately, I also wish to change the FLA configuration so that I can edit the text size and color and other things. However, after opening the “DockGalleryFX.fla” file and double-clicking the DockGalleryFX symbol in the library, I do not see any actionscript in the first frame of the time line or anywhere else for that matter. I’m using Flash CS5 and I noticed that in you FAQ, Flash CS5 is not mention specifically with regards to FLA configuration. Could this be the reason why I am unable to make changes? thanks in advance. Great component, btw.
Hi,
Drag the flash component gallery to stage. Open the Properties Panel (CTRL+F3) and set a instance name for the galleries, e.g: eliteGallery. Go to your actions panel set the following values:
You can change the text size, color and others from settings.xml or from assets/css/style.xml.
Petr
Posted 3 months agoHow to install into PrestaShop (php)
We don’t have special instructions for that, but you could download a free package and follow General Website instructions.