Now create another layer named labels and go to frame 15 and press F5. Separate this layer into three sections by clicking on frame 5 and hitting F6, do the same for frame 10.
After you have done this, give each section a frame label. The first should be Home, the second About and the third Contact. Make sure you capitalize the first letter of the labels. Here is a screenshot of what it should look like:
In the .fla create another layer and label it buttons. Once you have done this, create three buttons, naming them whatever you want. On the Home button you want to insert this code:
_root.gotoNewSection('Home');
}
Add the same code to the other two buttons, but change the ‘Home” to About or Contact. Now you want to create another layer named content. Separate this layer into three sections like you did for the labels layer. In each section add some content, it can be anything you want for this example. Now that’s it for the Flash side of things.
Copy the index.html file into your project folder and open it up your favorite code editor, such as Dreamweaver or even Notepad will do. Scroll down until you see this code:
if (Player.getVersion() >= 6) {
// output flash html
testHTML = new HTML();
testHTML.setSrc("test.swf");
testHTML.setWidth(930);
testHTML.setHeight(585);
testHTML.setId('testSwf');
testHTML.setName('testSwf');
testHTML.setSwliveconnect(true);
testHTML.setMenu(false);
testHTML.setQuality('high');
testHTML.setScale('noscale');
testHTML.setAllowscriptaccess('always');
testHTML.setPlay(true);
Find this line:
Replace test.swf with the name of your .swf. Now change the width, height and other settings according to match your .swf. Save your file and upload the index.html, your .swf and the JavaScript folder to a directory on your webserver.
That’s it; you should be ready to go.
Nathan Smith-
CREATIVE FORCES
http://www.thecreativeforces.co
m
http://www.mycreativecollect
ive.com
| » Level Intermediate |
|
Added: 2007-02-02 Rating: 10 Votes: 2 |
| » Author |
| I am the co-owner of Creative Forces, Inc. |
| » Download |
| Download the files used in this tutorial. |
| Download (87 kb) |
| » Forums |
| More help? Search our boards for quick answers! |
-
You must have javascript enabled in order to post comments.
Comments
There are no comments yet. Be the first to comment!