set up

[NabilB]

I read the instructions for this but it seems that they are written by a very experienced person for other experienced flash programmers.
I only know html.
I would like to embed the flash in an html page.

The instructions say:
In order to use this embedded in html you can use the default .html generated by flash when compiling this or
you can use the provided .html code with java-script where you can specify the .xml file like so:
so.addVariable(“xml”, “data.xml”);

Can someone elaborate. Where do I compile, do I need a flash program? Would be great to have a step by step instructions, do 1,2,3,4,5,6 and then embed xxxx in html, and the flash will run.

It seems that the included instructions are general concepts for people that allready know how to do this.

Any help is appreciated.

[NabilB]

I got it going and this add-on is awsome and actually very easy to setup and use.
Here are the steps to use Autoplay in an html page:

1. Copy and paste the following code (CSS header) before the </head> tag in your html page:

<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com deconcept You’ve got your good thing, and I’ve got mine -->
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
#flashcontent {
height: 100%;
font: 12px 'Trebuchet MS', arial, sans-serif;
font-weight: bold;
color: #999;
text-align:center;
line-height: 200px;
}
body {
margin: 0;
padding: 0;
background-color: #000000;
height:100%;
width: 100%;
}
#flash{
display: block;
}
html{
margin:0;
padding:0;
height:100%;
width: 100%;
}
</style>

2. Copy and Paste the following code (flash script) at the point where you want the flash object to show:

<div id="flashcontent"> You need to upgrade your Flash Player</div>
<script type="text/javascript">
// <![CDATA[

var so = new SWFObject("preview.swf", "flash", "100%", "100%", "8", "#000000");
so.addVariable("xml", "data.xml?time="+new Date().getTime())
so.write("flashcontent");

// ]]>
</script>

3. Edit the location of the images, the image descriptions, and any URL links in the file data.xml (you can also modify fonts for the description in this file)

4. Place your images in the folder "images"

5. place the data.xml, preview, swfobject files and the "images" folder in the same directory as your html page.
6. It is cleaner to put the files from #5 above in a seperate folder. In this case you will need to change the image location reference in Data.xml, and the location references for (preview.swf, and data.xml) in the script within your html page.
7. If you have DHTML menu, it will show up behind the flash. To fix add the following line between the other so.xxxx lines:
so.addParam('wmode', 'transparent','true');

Hope this helps.

[Razvan]

Hi, thanks for taking the time to post this. I am sure this will surely help other users that may have the same problem.

Thanks

[dowcraig]

Despite the helpful tutorial, the Flash program still isn't working.

This is the website:
BlueJayFever.com - TorontoSportsFever

For the record, it's in the first table - gray and empty.

The file works properly when using the generated index page, located at:
Amphasia resizable Horizontal Gallery - Flashtory.com

Whil I have you -- how do I change the colour of the font in the titles and the stroke.

[Razvan]

Hi please be sure that the xml file is kept as data.xml else, the xml name will be sent using the flashvars.

The color of the font and title can be changed by editing the fla library items. Open the fla and hit Ctrl + L to open the library.