Background Check

You'll need an image, so you can use the one below:
ovelay.png
Right click and save image to the "test" folder.

Open up your "setup.as." Somewhere after the 'setDisplay' properties, add this code:

overlay.setSkin('overlay_png');
overlay.move(0,0);
Now open up your "imagelist.txt" and add this code:
overlay.png

Open KoolMoves and save file as 'SWF/Flash Movie'. Close KoolMoves. Open up your "test.html." Now you have a button background, but it's in the wrong place! So you either have to move it or move the buttons. We'll move the buttons. You do this by changing the code in the "setup.as" where it says "btnName.move(35,25);", with "btnName" being the name of the button, e.g., "btnPlay", "btnStop", etc. The first number moves away from the left edge, the second from the top. Try it.

Hint. It's:

btnPlay.move(0,0);
btnStop.move(17,0);

Now open up your "test.html" and you should have working buttons! Now let's play around with those buttons.