alert This appears to be a flash file, you cannot see a preview because flash player is no longer supoorted in browsers, but you can still download the file to study it's source code.
You can open/play the swf file with Flash Player exe
user switchBack
switchBack (2)

Dynamic Images with Submenu

This is the main piece that goes with the footer buttons that I added earlier. This was done for a local credit union.

This is created entirely through AS2. All the links/sublinks are pulled in from an XML file, giving the freedom to change them.

The main feature (the large center image) is pulled in from XML and the side faded images are then created automatically.

7931 downloads, 52119 views
Download (1.48 MB)

Comments

You need to login to post a comment.

user CristianoFrahm
CristianoFrahm 12 years ago

hello, msn???

user juice2002
juice2002 14 years ago

i've got the same problem of filiz...it doesn't run even if i create a swf files without changes!! HELP

user filizkolemen
filizkolemen 14 years ago

thanks for this sharing. i have a problem with the file. when i change on fla file and export , swf file doesn't run. what causes for that? because of code or xml file. can you help me?

user umarmughal
umarmughal 15 years ago

can not see anything ??

user cultglam07
cultglam07 15 years ago

hi! how do you make the submenu work? please

user ipubi
ipubi 16 years ago

very good

user switchBack
the listing author switchBack 16 years ago

@exvitermini - To reduce the width unfortunately isn't as easy as you would think. This site was designed very specifically to the request of a client, and that is why it is 1500px wide. I didn't quite make it as dynamic as it could have (should have) been, but changing it isn't impossible.

Since the entire thing is done with AS, should you wish to change the width your going to need to get into the file and find where the images are being pulled in and the fade effect is being created (it's all commented so it shouldn't be too hard to find).

Your going to need to play with the ratios of gradients for the fade effect. As far as the images are concerned, they are all being placed in the code, so look for where the x positions are being set and move them to where you need them to be.

The most important thing to remember is that this was build on a 1500px scale, so all the image widths and everything take that into account. For the width you want to use you may need to use smaller images to keep the same dimensions of the entire header.

user switchBack
the listing author switchBack 16 years ago

For anyone having problems getting the links to work all you need to do is look in the code for this line of code (~line 256):

menu_obj.drop[i].onRelease = menu_obj.drop[i].onReleaseOutside = function(){
//getURL(this.link_url);
trace(this.link_url)
};

comment out the trace command, and un-comment the getURL command. Then in your XML file just put the name of the url you want the link to go to.

**Note - only the "drop" menu links have the ability to redirect to URL's. The main nav links are only there to open the sub nav. Feel free to change this if you like.

user exvitermini
exvitermini 16 years ago

How can i reduce the width to 767? I've tried but it fails to work properly. I don't know what i'm doing wrong...

user ac242
ac242 16 years ago

image where not displaying, but it was just a path issue (it's enough to move the image folder out of the xml folder)
too bad I can't get the links working (it seems it can't load the url tag from the xml file), anyone got any Idea?

user helloworld
helloworld 16 years ago

code.google.com/p/tweener/
found it

user helloworld
helloworld 16 years ago

are you going to post it?

user switchBack
the listing author switchBack 16 years ago

Yea, it uses Tweener. I'm sorry, I completely forgot to include that ><.

user helloworld
helloworld 16 years ago

oh, I get it now
as soon as I hit publish it tries to import a custom class
import caurina.transitions.Tweener;

and that file is not included in your zip

user helloworld
helloworld 16 years ago

I cant get it to load at all, I see the images directory, so it looks like your earlier comments have been sorted out.

I load publish to HTML and then copy the HTML and everything to the website, and nothing shows up

user eightmedia
eightmedia 16 years ago

nice!!

user switchBack
the listing author switchBack 16 years ago

For anyone wondering. There should be a main center image, with faded side images. Not sure what I'm doing wrong uploading the files, the XML menu's made it but the images did not.

Just create an images folder and place your images.jpg (Aprox. 845x330) into it and you should see the effect.

user ByEmrah
ByEmrah 16 years ago

tank you

user switchBack
the listing author switchBack 16 years ago

@adrianTNT: I tried to get the right file structure this time, but it looks like the images still didn't quite make it. Sorry to have to make you fix it again ><.