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.
john
Posted 6 months agohello, How can I change the default location of this widget?
Leslie
Posted 6 months agoSorry! I cannot figure this out. I purchased the cover-flow and when I test the the CoverFlowFX.swf file in Flash it looks like I want it to look but when I preview the index.html my (not yet uploaded to my space, just from clicking on it from the folder) its cutting the images off, only top half showing and I am thinking there is something I can do it dreamweaver maybe to fix this? IDK, help!!!
Hi,
Use our product on a live page and send us the link so we can check it.
Thilo
Posted 8 months agoHello Guys,
I downloaded the free version of your newstickerfx. It looks great. I am considering to buy it. But I’m trying to figure out how get my own rss 2.0 feed to work. The flashxml.net logo and the window shows up but no ticker.
Could you have at it: http://www.zeus-stralsund.de/index.php?option=com_ninjarsssyndicator&feed_id=1&format=raw.
Whats wrong with my feed? Why doesn’t it work. This one works for example: http://www.tagesschau.de/xml/rss2.
Thank you.
ROdrigo
Posted 8 months agoI would like to know what is the xml path to upload an swf instead of a photo.
This didnt work:
<swf image=“video/logo.swf” ></swf>
Thanks
Hi,
Which of our free products are you referring?
John
Posted 8 months agoHallo,
Great component!
Is it posible to change the border color per class in the css file? This does not seem to work.
Now the border style is defined in the settings.xml, but I need a different borderColor per class…
Hope to hear from you soon!
Kind regards,
John
Hi,
Since the border’s color is defined in the settings.xml that means that CSS wasn’t implemented in the component, then you can’t have per class colors. And since the basic files are really old, no new updates will be made for this product.