Flashlevel Navigation Recreation

[Voetsjoeba]

Recreation of the Flashlevel (http://www.flashlevel.com) navigation, requested by Simplistik. A little addition has been made to show a caption on rollover. However, you a free to choose your own rollover animation, whether or not with the caption. You can use the caption somewhere else as well and then use it as a title instead of a caption ... This menu uses an XML file to store links, image paths and captions in.

width=700 height=500

Download: http://downloads.voetsjoeba.com/?1099254535

[mdipi]

Whoa! Cool stuff Voets! A little bit laggy on my machine (1.33ghz, 768megs of ram) but that might because of other apps open.

Great job though!

[Voetsjoeba]

Lol that was fast ! Thanks ! :)

I'm on a 1.3 Ghz Athlon with 640 MB RAM and no lag here ... so it'll have to be your other applications that are open :)

[Krilnon]

I think I saw this in the Best Of Kirupa section, no? Anyhow, its really nice!

[Voetsjoeba]

I think I saw this in the Best Of Kirupa section, no? Anyhow, its really nice!
Yeah, Simplistik asked me to create it for him, and after I did someone requested to have it moved to BoK ... can't hurt to put all the source files together here :)

[B3NKobe]

Thanks heaps for this Voetsjoeba, this will be really good to use in my new site, thanks!

[kirupa]

Looks excellent voets! No lag here either :)

[minimalistik]

P4 2.0 256mb, great edition Voets, as always ;)

[i will learn fl]

Is it possible to make it horizontal as in left to right or right to left?

[RevoGiant]

Hey I love this menu but I have a begginer type question:

if I want it to not goto a new page but instead ad an actionscript to the tag like:

on(press) {
main.gotoAndStop(10);
}

can I do that on the XML sheet?

you can check out what im talking about :

http://koldtouch.com/white-kold.html

any help would be GREATLY appretiated. Ive been wondering about the in XML for a while! Thanks!

[mdjstudios]

I am at school on a slooow Pent. III, with 400mb RAM and it looks really smooth to me :) Good Job!

[booler]

EDIT: I think I got it after looking at the Best of Thread... lemee see if I have this right I changed the getURL section to this...


_root.contents.loadMovie(this._parent.link);
(http://www.followthebeat.com/nagmier/ftb_testhelp.zip)

[frozenRage]

that is pretty awesome man, keep it up

[booler]

Seems I've figured out the below problem but now I have a new question.... been snooping around the fla and can't seem to find anywhere where the thumbCaption MC is called I'm trying to move the clip above the thumb scroller so its more like a changing title and I can't seem to find anywhere its even called I seem the XML loading the caption in the AS but I can't find the call the the MC or where its placed on the stage so I assume its placed at runtime but I can't find it in the darn actionscript

ok heres some more monkeywrench to the problem, It seems to work fine as a standalone swf but when I _root.clipname.loadMovie("filename.swf"); it breaks it and the images go up and the arrows go down past the "box" it looks fine at first until you try to click on one of the images or just move them up and down :stunned:

ok think I got it working let me know if this is the wrong way to fix it....


slideMenu = function () {
diff = _parent._ymouse-this._y;
scale = diff*100/this.mask._height;

I changed it to the from this below and it seem ok now


slideMenu = function () {
diff = _root._ymouse-this._y;
scale = diff*100/this.mask._height;

[simplistik]

I use this


loadMovie(this._parent.link, _root.mc1);

But what I have it doin is goin out side to the parent, and back into it into the mc1. just so you can see how it works i my layout here is my ghetto image of how I have it layed out.

[booler]

I haven't actually tested out the loadmovie code yet as I'm still trying to move the caption to somewhere above the scroller but I think it will work not 100% yet and I'll be loading into a different movieclip one that will contain the "contents" for that link... Its just trying to figure out how he placed the captions its driving me nuts... I think I might be able to add something to the rollover function to just change the text in another dynamic text field just gonna have to play with it some if Voetsjoeba doen't have time to check out this thread today.

[vanbasten]

Hi Voets

Id like put your menu in my website like an swf, but when my mouse is over the images the arrows go down further on images.
How can I fix it ?
Many thanks

[simplistik]

Hi Voets

Id like put your menu in my website like an swf, but when my mouse is over the images the arrows go down further on images.
How can I fix it ?
Many thanks

The arrows should go the height of the images, so it will go to the absolute bottom of the last image and the absolute top of the top image. But should never go passed the mask. If you've got it in an external swf that you're calling into a MC in you need to change
diff = _root._ymouse-this._y; to
diff = _ymouse-this._y;

[vanbasten]

It works!!!

Thank you so much!!!!! :-)

[simplistik]

It works!!!

Thank you so much!!!!! :-)

Sure thing :D, glad to help. I'm no AS guru like Voet or Sen, but I've got tricks here and there ;)

[vanbasten]

Why it works now ?
Maybe the _root statements make a reference to my MC and not to Voets swf?

[simplistik]

Oh... cause root is forcing it to grab the x and y of the main stage instead of staying with in the movie clip. taking out root contains that.

[vanbasten]

Many thanks Simpli :-)
Id like recreate a menu like this www.panasonic.co.uk (http://www.panasonic.co.uk) , is it possible use the voets swf without putting the full code?

[josefjohny]

wow thanks mate i was looking for this !!!

[simplistik]

Many thanks Simpli :-)
Id like recreate a menu like this www.panasonic.co.uk (http://www.panasonic.co.uk) , is it possible use the voets swf without putting the full code?

That would require more coding than what is in there... but you could do something like when you load your movie you can make the mc visible=false or alpha zero... play an animation and when the animation is done make it visible=true or alpha 100.... get it?

[vanbasten]

That would require more coding than what is in there... but you could do something like when you load your movie you can make the mc visible=false or alpha zero... play an animation and when the animation is done make it visible=true or alpha 100.... get it?

Hi
I tried both with visible=true both with alpha, I put this code within mc menu, but in this manner the links and the caption doesn't works.
I explain better. I create a text , when the mouse is over this text the mc is visible, then I put within mc the rollover command to put alpha=0 or visible = false, this work but the links and the captions disappear :-(
Sometimes As is very strange :-)

[Libyan]

Really i like this menu !!!

[Alvaro Moreira]

Buenas tardes

I need to put this menu as an external .swf... i manage to do that, but on.release, I dont want to load a new html... instead, I need to load a jpg on a mc, that is located on the main swf, in the same that the menu is loaded into.

So I need to change the url of the xml... but Im not sure what to put instead... I´ve tried a couple of combinations, but neither really worked... Theres a post on top wich asks my exact question, but it was never answered... was it?

imagine the image name is 01.jpg, and is located on a folder called pic, in the same folder that the main.swf.

thank you very much...

[simplistik]

Hi
I tried both with visible=true both with alpha, I put this code within mc menu, but in this manner the links and the caption doesn't works.
I explain better. I create a text , when the mouse is over this text the mc is visible, then I put within mc the rollover command to put alpha=0 or visible = false, this work but the links and the captions disappear :-(
Sometimes As is very strange :-)

Wait... so are you trying to make the captions disappear and reappear or the whole MC?

If you're trying to make the whole thing disappear you do this on a button/mc:


but.onRollOver = function() {
if (scroller._visible == true){
scroller._visible=false;
}
else {
scroller._visible=true;
}
}
or of course you can do this as well


but.onRollOver = function() {
scroller._visible=false;
}
but.onRollOut = function() {
scroller._visible=true;
}
everything should be fine, that way.

But if you're tryin to control the text... I'm sure it's working but you'll never know since the only time you'd ever see that text anyway, is on rollover... and since you have it's alpha set to 0... you'll never see it, LoL.

[simplistik]

Buenas tardes

I need to put this menu as an external .swf... i manage to do that, but on.release, I dont want to load a new html... instead, I need to load a jpg on a mc, that is located on the main swf, in the same that the menu is loaded into.

So I need to change the url of the xml... but Im not sure what to put instead... I´ve tried a couple of combinations, but neither really worked... Theres a post on top wich asks my exact question, but it was never answered... was it?

imagine the image name is 01.jpg, and is located on a folder called pic, in the same folder that the main.swf.

thank you very much...

LoL... ok... first in the xml document make the [url] the path of your images... so in your case I guess it would be pic/01.jpg.

2nd, make an empty MC on the root level... or where ever you want. And give it an instance name for this example I'm calling it: jpgMC

Next... go into thumbMC, you can find it in your library. Find this piece of code:



getURL(this._parent.link, "_blank");


and replace it with



loadMovie(this._parent.link, _root.jpgMC);


That should do it.

[vanbasten]

Hi Simpli

Id like when the mouse is rolling out the scroller, the scroller must disappear,
I tried putting the rollout code into the scroller mc but in this manner the links of the scroller are inactive, I put my files in the attachement so you can see :-)

[simplistik]

Here man... you'll see all the AS on the first frame, and I commented the AS to help you out. I changed some things around too... like removed the button and replaced it w/ a movie clip for more control.

[vanbasten]

Here man... you'll see all the AS on the first frame, and I commented the AS to help you out. I changed some things around too... like removed the button and replaced it w/ a movie clip for more control.
Many thanks man but the problem remain :-(
when I click over the scroller the links doesn't work and the caption doesn't appears.
It seems something coverup the scroller

[simplistik]

Many thanks man but the problem remain :-(
when I click over the scroller the links doesn't work and the caption doesn't appears.
It seems something coverup the scroller

LoL... oops... didn't pay attention to details... here this works... it's not pretty... but it works :P, sorry did this in like 5min. I'm sure Voet can code it to work properly... but he's busy ;)

[vanbasten]

GREAT :-)
if you were a girl I 'd like kiss you! :-D

[simplistik]

GREAT :-)
if you were a girl I 'd like kiss you! :-D

LoL... eh... thx... but like I said it's kinda ghetto, I went old school on it. But if it works... it works... LoL.

[spectreman]

voets or simplistik,

seeing as you 2 are the masters of this, i've been messing around with this great script using pixel fonts. is it possible to have this scroller land on an even pixel (so no blur)? i tried using Math.round in the AS, but that doesn't work...

any ideas?? (see attachment for easier reference)

thanks a million,
s.

[simplistik]

voets or simplistik,

seeing as you 2 are the masters of this, i've been messing around with this great script using pixel fonts. is it possible to have this scroller land on an even pixel (so no blur)? i tried using Math.round in the AS, but that doesn't work...

any ideas?? (see attachment for easier reference)

thanks a million,
s.
Well the reason I've mastered this is cause I asaked for it. And I hate having things that I know nothing about. But anywho... I'll have to tell you that this was an odd way to use the nav but it works I guess, LoL.

Here is what you need to change.

on line 3 change


this._y = y-(y-this._y)/1.2;

to


this._y = Math.ceil(y-(y-this._y)/1.2);


and on line 6 I change


this._y = y;

to


this._y = Math.ceil(y);


You can use Math.round in place of Math.ceil depends on what suits your fancy.

I know Voets lubs me for learning this all and being able to take on the question for him :D

[spectreman]

YES! Thanks.

[simplistik]

YES! Thanks.

Sure thing.

[Voetsjoeba]

Go Sim ! :D

[simplistik]

Go Sim ! :D

LoL... I try :love: :kir:

I think all questions about this Nav have been answered though... so there may not be anymore :D yay!

[sneakyninja]

Not too sure how to get the xml to load up a certain frame in my movie rather than an external url?!?!

[simplistik]

ummm.... change


loader.onRelease = function() {
getURL(this._parent.link, "_blank");
};

to


loader.onRelease = function() {
gotoAndPlay(this._parent.link);
};

[sneakyninja]

Thank You!!! :mu:

[leira]

Read this the whole thread and unless my eyes are going bad, did anyone post a solution on how to make this horizontal? Appreciate it, thanks!

[pou-pou]

I know it's somewhere, but can't find it now so I'll just upload it here.

[leira]

Thanks gnu!

[RoggaH]

I like to use this fantastic script, but without the XML-file. I want to use several movieclips (vertical buttons) in this scroller. Can this be done?

[simplistik]

I like to use this fantastic script, but without the XML-file. I want to use several movieclips (vertical buttons) in this scroller. Can this be done?
seems pointless... what will that accomplish that isn't already being accomplished?

[pixie101]

Wow, i just love this menu! Is it possible to make it load external .swf instead of just jpeg into the thumb container? If that is possible I think other cool stuff can be done to make it more dynamic.

[Voetsjoeba]

Well since loadMovie is used to load the jpgs in, and loadMovie can be used for both swfs and jpgs, that should be possible yes. Just replace the jpgs by swfs in the XML file and it should work.

[RevoGiant]

How cool would it be to add a floating caption while it loads external .swfs? That would be awsome....dunno still how to change that xml and AS so it loads external swfs though

[simplistik]

How cool would it be to add a floating caption while it loads external .swfs? That would be awsome....dunno still how to change that xml and AS so it loads external swfs though
If you read the posts I've already covered how to load an external swf. as for the changing the xml all you need is there... captions are in the xml. and to place them outside of the nav you can go here:
http://www.kirupa.com/forum/showthread.php?t=86046

[hypercane]

Alright now:

loader.onRelease = function() {
loadMovie(this._parent.link, _root.test)

This works to load an external image in an instance called 'test'.

However, this does not work for an external .swf to load in this instance, or even better: on a level on stage.

I cannot get this to work. Please please help.

[hypercane]

Never mind, i fixed it already ;)

[mahesh2k]

Nice nav voet.

[The Chef]

I know this thread has been dead for a long time. And I have asked this question to 50 different people on how to make this work. I know this topic was already in this thread -i guess im retarded cuz it does not work as well as it should. See the reason that the FlasLevel nav is so cool is that when you click a link it performs a normal action in flash. Everyone tells me to just change to URL in the XML to point to the swf and change the ac to be loadMovie instead of getURL...this is so limited.

I want to be able to click on a picture and have is do an action like this:



on(release){
this.blankmc.loadMovie("MyMovie.swf");
}


So how do i do that? If it means not using XML and loading the images right into flash then thats fine. But please help!!!

[simplistik]

already been answered:
http://www.kirupa.com/forum/showpost.php?p=748608&postcount=15

in the xml change the image to your swf name, and create an empty mc

[The Chef]

Thank you for being patient with me simplistik....even though i can hear the irritation in your voice. ;)

[simplistik]

;) if I was that irritated I would've left you hangin... :D

[The Chef]

haha yeah thats true.
Also simplistik, I downloaded the completed one from this thread made by Voetsjoeba when I put it on the _root timeline it works flawlessly. However, when i call it from my main movie and I roll my mouse over it -it jumps to like the middle of all the pictures. Its like the coordinates are all off when its not completely by itself on the _root. I have tried looking through it to fix it but im having a hard time. Voetsjoeba told me to download the latest version, which i did and it works great. EXCEPT!! This new one no longer performs the rollover movie, and it ignores my url's i specify in XML.

Any suggestions?

Thanks!

[pacno]

Well, I'm still working on this slider too.....

I have just a small problem with the speed. Can I control the speed of the slider?
I realized when there are a lot of thumbs the slider moves faster.

[Voetsjoeba]

pacno - the speed of the sliding is controlled by the '1.2' value in the easing prototype. The closer to 1, the lower the sliding, the further away from 1, the higher the speed. Make sure not to go below 1.

[pacno]

Bad thing....I just tried to set it to 1.0 - doesn't work - 1.1 is still too fast.

Any other possibilities? My thumbs are bigger 150 x 100 px , maybe that's the problem.

[Voetsjoeba]

1.0 indeed doesn't work, because that makes it not move at all. This number is what it divides the distance by each time - so if you make it divide by 1 it won't move at all because the distance stays the same. You can go as close to 1 as you can. For example, try 1.005 and see if it's still too fast ;)

[pacno]

Well, that works..., but nearly does not stop easing and the mouse behavior is very strange...
Can I send you a fla to your email?

[Abus]

I tried the posted fla's on both Flash MX and Flash MX 2004 but they do not work. Both says unexpected file format.

[simplistik]

Should work just fine. I just now downloaded it and it worked fine.

[Abus]

Should work just fine. I just now downloaded it and it worked fine.

I have managed to work it yeah. I think the file crashed while downloading it.

[Abus]

Today i have tried to changed the pictures in the fla with my pictures. My pictures are much bigger. I did changed the borders in the borders layer. And the size of the rectangle in the hit layer. But when i tested the fla, I have seen that the menus size is still same and it shows the half of my pictures. I have try to solve the code ( On the first frame of the layer named as ) to change the size. But i couldnt find it. So which part of the code i need to change?

Thank you

[simplistik]

You don't change the code you change the mask size. I don't have the file open but the I believe the mask layer is by default locked. Just unlock it and resize it to whatever size you need it to be. But you need to make sure that you keep the positioning at 0,0.

[Abus]

wow that was easy, thank you simplistik. But one problem goes another comes :D

I have got no problems with loading jpegs.And I change the image paths
but i cant load pngs, i also tried gifs. Again I looked at the actionscript but cant find anything about it.

Is there a way to load pngs?

[simplistik]

Is there a way to load pngs?
No flash doesn't allow you to do that. You're stuck w/ JPGs or SWFs.... to which you could use PNGs in the SWFs

[Abus]

No flash doesn't allow you to do that. You're stuck w/ JPGs or SWFs.... to which you could use PNGs in the SWFs

I have solved all my problems. But now i need very important thing but dont know how to do it. Can we add a play sound module to this? When someone mouse over it can we play a sound??

[simplistik]

Ummm... on the root level of your movie you need to define a sound object that is in your library. Then call it in the rollover state in the thumbMC.

So... to define your sound. Import your sound into your library, find it "right" click it and click on linkage. Click export for actionscript (I think that's what it's called) then give it an identifier name for this example we'll call it mysound

Now... on the root level of your movie put this AS in there:


rollover_snd = new Sound();
rollover_snd.attachSound("mysound");


Now the last thing is to call the sound. In your library double click the thumbMC, the top frame is the AS frame in it you'll see something like
something.rollOver = function(){ inside the brackets put
_root.rollover_snd.start(0,0);

I'm pretty sure that should do the trick, I don't have the fla open so I haven't tested it.

[pacno]

I have solved all my problems. But now i need very important thing but dont know how to do it. Can we add a play sound module to this? When someone mouse over it can we play a sound??


Why don't put the sound into a frame in the "overAnimation" mc...?

[simplistik]

Why don't put the sound into a frame in the "overAnimation" mc...?
If you did it this way you'd have to attach it to frames instead of calling it from the library. It wouldn't be as efficient, however it may work. Also, if you didn't have enough frames the sound, depending on how long it is, may stop pre-maturely.

[kutgun]

ok Ive read just about every post in this thread and I still havent messed around with it yet as its past 4...but just wanted to thank simplistik and voetsjoeba and everyone else in this community that helps ppl nonstop and is just so willing to share their knowledge and givem their time. you guys rock!


...and no im not just buttering you up for my future questions lol

[simplistik]

ok Ive read just about every post in this thread and I still havent messed around with it yet as its past 4...but just wanted to thank simplistik and voetsjoeba and everyone else in this community that helps ppl nonstop and is just so willing to share their knowledge and givem their time. you guys rock!


...and no im not just buttering you up for my future questions lol
:lol: thx, I'm sure if Voets wasn't so busy w/ his life he'd take the time out of his day to thank you too ;) I can't give back much so it's nice to help every now and again :D

[pacno]

If you did it this way you'd have to attach it to frames instead of calling it from the library. It wouldn't be as efficient, however it may work. Also, if you didn't have enough frames the sound, depending on how long it is, may stop pre-maturely.

You're right - tested it and it works :)

[The Chef]

Simplistic or Voets
My menu is working great! However, the very bottom picture and the very top picture....in order to see the picture completely you have to bring your mouse up to the VERY VERY top line so see the top picture fully creep into place. The same with the bottom picture...you have to bring your mouse to the VERY VERY VERY bottom line as close as you can get to it to see the full picture. Make sence?

It would be cool if my mouse could be a little further from the top and bottom to see the top and bottom images. Some people didn't even know those images were there!

What do you think?

[Abus]

If you download the latest version from Voets web page you will see that voets has solved the problem. There is a spacing which you can change and as far as I remember the default number is 20.

Voets Web Page :

http://www.voetsjoeba.com/lab.php?i=18

[The Chef]

If you download the latest version from Voets web page you will see that voets has solved the problem. There is a spacing which you can change and as far as I remember the default number is 20.

Voets Web Page :

http://www.voetsjoeba.com/lab.php?i=18

ABUS!!! That works great!!! Thanks!!! And thanks Voets!!

[Abus]

If someone is great on this subject those ones are Voets and Simplistik.

A new problem occured with the Navigation Menu. I am using it in a web application. And there are user classes like administration, sales, security etc.
Every class has a unique root folder on the application. I am using the flashlevel navigation with al classes. The swf files are same, I am just changing the content of the images folder and the URL's in images.xml.

But Wouldnt it be cool, if the pages sends parameters to the Navigation Menu.
And in the part where the movie loads XML



images = new Array();
xml_file = "images.xml";
xmlload = new XML();
xmlload.ignoreWhite = true;
xmlload.onLoad = function(ok) {


if we add a function which takes the parameters the pages send and if it loads the xml file according to this oarameters. Wouldnt it be cool?

I have found an function named asfunction on macromedia's articles i am going to try it.

http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_15639

But is it the right function? What do you suggest about this parameter thing?

[oavs]

Hi I wanted to change the vertical to horizontal format.

Thanks to Brandall from this forum help me to achieve this.

I have noticed though the original zip version of the flashnav.zip file comes with its own ' flnav.swf ' file which shows the mouse over and hyperlink. Strangely if you use the original 'nav.fla' file that came with the zip version not only does not produce the mouse over and the hyperlinks but it also creates a swf file called ' nav_Scene 1.swf ' (note the original swf file is called flnav.swf)

Can anyone help to get the code working correctly pleasem so that mouse over and the hyperlinks work. Here is the link to the horizontal version http://www.kirupa.com/forum/showthread.php?p=1685086#post1685086 file name File Type:flnav.zip

Many thanks.

[simplistik]

umm... change the fla name to flnav.fla

[pacno]

...have to come back to this...
if I load the scroller external into my main SWF nothing works anymore - also if I try to embed the scroller in a movieclip. I guess the paths aren't working anymore, but I can't find where to change. Do anybody has a working solution?

The same with the rollover sound solution simplistik posted. If loading external it doesn't work anymore - where do I have to define the sound or isn't it possible at all?

Thank's

[simplistik]

What exactly doesn't work when you load it externally? We've solved all these problems in previous posts, also I gave specific directions on where you can code the sound in.

[pacno]

Simplistik,

thank's for coming by.....
if loading it exernally nothing works anymore- slider, sound and calling the content. This swf is calling "gallery.swf" and the content is going into "galContent" and then I'm loading all this into the mainGallery.swf - "contentMC".

I changed:

diff = _root._xmouse - (this._x+diffspacing);
to
diff = _parent._xmouse - (this._x+diffspacing);

then the slider slides, but if clicking on a link it dissappears and the slider collapse.

In the "thumbMC" with this code:


MovieClip.prototype.backwards = function(){
this.onEnterFrame = function(){
this.prevFrame();
if(this._currentframe == 1) delete this.onEnterFrame;
}
}
loader.loadMovie(this.path);
aux.onEnterFrame = function() {
if(loader._width>0) {
delete this.onEnterFrame;
loader.onRollOver = function(){
delete over.onEnterFrame;
over.play();
//this is calling the sound for the button//
_root.rollover_snd.start(0,0);
}
loader.onRollOut = function(){
over.backwards();
}

//here you have to change where the linked site has to go//
loader.onRelease = function() {

loadMovie(this._parent.link,_root.galContent);
_root.flashLight.play();
};
}
};

I tried to change:

loadMovie(this._parent.link,_root.galContent);
into
loadMovie(this._parent.link,_root.contentMC.galCon tent);

that does work!!!!!:)

I thought I had to use:
...._parent.contentMC.galContent);

in case of getting rid of all _roots

Anyway, the sound doesn't work - how can I manage that?

Using your tip:

rollover_snd = new Sound();
rollover_snd.attachSound("mysound");

and then call the sound with:

_root.rollover_snd.start(0,0);

works in that swf of course, but not if loaded externally.

[pacno]

....got it....

have to define the sound in the mainSwf......ahhhh....these paths

Thank's anyway simplistik, good to know that somebody heard me!

[simplistik]

:lol: glad you figured it out ;) if you noticed though on my sound "tutorial" I did say put it on the root level :lol: which when you're loading thing externally... your main SWF is your root level.

There is another way ppl can try is by containing the root into a MC, by doing
this._lockroot = true on a MC. I haven't tried it w/ the FLNav but I've done it w/ other MCs and it seemed to contain the root to that MC instead of going to the root level. Further documentation can be found here:
http://livedocs.macromedia.com/flash/mx2004/main_7_2/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Flash_MX_2004&file=00002017.html
http://www.macromedia.com/support/documentation/en/flashplayer/7/releasenotes.html
And yea... you can't change the pathing in the MC unless you change the scripting ;). Glad you got it to work though :thumb2:

[pacno]

Thank's for the links, I will read that. So you have to put that into the first frame of your timeline?

[simplistik]

Thank's for the links, I will read that. So you have to put that into the first frame of your timeline?
Sorry for the late reply... the way I've shown it you put it on the MC. If you wanted to put it in the root you would replace "this" with the name of the MC you want to lock.

[pacno]

Thank's :ko:

[sumtan]

I like this menu alot... but just one thing that would make it even better, is there a way to make the thumbnail reposition itself if the mouse is not over it? so the thumbnail is not cut off ? any help would be greatly appreciated.

peace

[tobijas20]

Hi!

I get no answers for Flashlevel Nav in Best of Kirupa. Today I've discovered this thread is alive here in Source/Experiments. So, this is my problem:
I would like to put preloader for thumbnails in menu. I have changed this:
loader.loadMovie(this.path);
aux.onEnterFrame = function() {
var t = loader.getBytesTotal(), l = loader.getBytesLoaded();
per = Math.round((l/t)*100);
percentage.text = per+"% loaded";
// here you cant put some code for fade in, load bar...
if(loader._width>0) {
delete this.onEnterFrame;
loader.onRollOver = function(){
delete over.onEnterFrame;
over.play();
}
loader.onRollOut = function(){
over.backwards();
}
loader.onRelease = function() {
getURL(this._parent.link, "_blank");
};
}
};

And it works great while testing localy. But when I test it online, preloader writes 0%loaded for each picture and after loading it puts 100%. It doesn't count from 0 - 100. Why? Maybe too many pictures loading at the same time? I guess the code has to be changed to load one thumbnail after another, but how?

[evil-genius]

Ok, i have a serious issue with this navi thing!

I've spent HOURS trying to figure it out, hoping it would be something super simple, I've read through all these pages & downloaded i dont know how many versions of the fla, and nothing.

The problem i'm having is the SWF only seems to work (with the arrorws, names & links) when i export at then given size in the fla. What i want is to export with the canvas size of 60 x 200 - when i do that, nothing works.

If anyone has any ideas, please let me know. This is the easiest way of doing what i was planning for my site, but since i cant get it to work, i'm having to go back to square 1 and do it all internally.

Many thanks

[GPP]

Ok, i have a serious issue with this navi thing!

I've spent HOURS trying to figure it out, hoping it would be something super simple, I've read through all these pages & downloaded i dont know how many versions of the fla, and nothing.

The problem i'm having is the SWF only seems to work (with the arrorws, names & links) when i export at then given size in the fla. What i want is to export with the canvas size of 60 x 200 - when i do that, nothing works.

If anyone has any ideas, please let me know. This is the easiest way of doing what i was planning for my site, but since i cant get it to work, i'm having to go back to square 1 and do it all internally.

Many thanks


Hmmm Hours? Do you know the basics of flash..? You should start with somethign small.. Im not quite sure why it doesnt work when you resize it..

[evil-genius]

lol, yeah i know the basics of flash. That's what is even more frustrating. Even if there was a hidden something somewhere in the fla, resizing the canvas shouldnt make the slightest bit of difference.

I'm using flash 8, so it could be something as simple as a bug that's been over looked.

man, i almost feel hurt...start with something small - lol, all good. I'll figure it out - thanks all the same

[tobijas20]

Are you sure you have specified exact path to your images in XML file? As you said, no matter what's the size of canvas there should be no difference. :)

[evil-genius]

Yup, i've unzipped the file, opened the fla, changed the canvas size, exported back into the unzipped folder and it's the same thing, however, if i keep the canvas size at default, it works perfectly.

Would it make a difference if i exported as something lower than flash 8 player?

[evil-genius]

right right, i give up. Now when i export, even without any changes, and over writing the original swf, it doesnt work, so it's either my flash settings, or Karma trying to tell me something. I'm done for the day.

[evil-genius]

OK - i've noticed something.
The swf that comes packed with the fla & xml is 18kb, however my out put files even without changes are 2kb

Seriously, does anyone have any ideas at all?

[tobijas20]

I'm back with this preloader problem (I would like preloader for each thumbnail, so the visitors can see loading progress).

First I have made it inside "thumbMC" and it worked perfect while testing localy on my PC. But online it was showing 0% and 100% after loading, but without counting. I guess it's because of download limitation (I think only 4 downloads are allowed at the same time and there is 10 or more thumbnails). I think the only way to make preloader is to preload one thumbnail after another. That's why preloading code should be in "thumbScroller" and not in "thumbMC". I have deleted:
loader.loadMovie(this.path);
from "thumbMC" and changed code in "thumbScroller" like:

boot = function () {
for (var i = 0; i<images.length; i++) {
mc = container.attachMovie("thumbMC", "thumb"+i, i);
mc._y = i*(55+spacing);
mc.path = images[i].path;
mc.link = images[i].link;
mc.over.captionMC.caption.text = images[i].caption;
mc.loader.loadMovie(images[i].path);//new line
}
setRollOver();
};

It loads all images, but what now? How to make preloader that loads one image after another?

[simplistik]

:lol: man I would love to help you but that's beyond my knowledge of expertise. I'd try PMing Voets through this board like once or something and have him peep this thread. I wouldn't do it more than once though or else he will more than likely ignore you ;)

[tobijas20]

Thanx :)

I have added fade in effect for thumbnails, but with preloader in "thumbMC".
Preloader in "thumbScroller" will make this script complete. It will look more sophisticated! I never send PM, because I don't want to be intrusive, but you have credibility (5.145 posts) ;)

[Jasninder]

that looks great man

[Nothing007]

Problem TWo scroller in one animation. First scroller horizontal, next scroller verticalal.
Please me help.

Thank You
Ludek

[fansman]

Could someone give me a hint at how I would direct my links to open anywhere else, besides a new window. Ideally I would like to have it open in a frame. Thanks

[pacno]

You have to give your frame or iFrame a name/id, lets say "mainContentFrame"

Then change the code located in the "ThumbMC"




loader.onRelease = function() {
getURL(this._parent.link, "mainContentFrame");
};

[fansman]

You have to give your frame or iFrame a name/id, lets say "mainContentFrame"

Then change the code located in the "ThumbMC"




loader.onRelease = function() {
getURL(this._parent.link, "mainContentFrame");
};


As a newbie I have to ask this question, where is that snippet of code located? I am right on with the concept, directing the loading of that URL, but as an AS first grader I cannot find where it is located. For the entire file all I see is the one piece of code associated with Frame 1, and no reference to the getURL...help is always appreciated.

[Jex]

As a newbie I have to ask this question, where is that snippet of code located?

It's in the 'thumbMC' movieclip, as pacno pointed out It's hidden because that movieclip is loaded dynamically.

[pacno]

Yes, :) you have to go to your library an select the "thumbMC" movieclip - doubleclick it and you will find the code in the first frame:


MovieClip.prototype.backwards = function(){
this.onEnterFrame = function(){
this.prevFrame();
if(this._currentframe == 1) delete this.onEnterFrame;
}
}
loader.loadMovie(this.path);
aux.onEnterFrame = function() {
if(loader._width>0) {
delete this.onEnterFrame;
loader.onRollOver = function(){
delete over.onEnterFrame;
over.play();
}
loader.onRollOut = function(){
over.backwards();
}
loader.onRelease = function() {
getURL(this._parent.link, "_blank");
};
}
};

As you can see here is it...."loader.onRelease = function........
Just change that "_blank" to the name/id of your frame and it should work.

[_this]

ni-ce!

[illamc]

This is a great nav bar!

I decided to enlarge it a little, which was no problem, but it stretches the thumbnail images. (look all blurred) I made some new thumbs, which should be the right size, but these are blured also!

any ideas?

thanks :angel:

[illamc]

haha. Don't worry guys!

After trying all morning, I figure it out 5 mins after posting.

Great work! Very useful nav bar, and some great friendly support being offered.
:beer:

[loupi]

Help me, I really liked the navigationbar, but I can´t download it. I am using Flash MX. But I only get the alert: .unexpected filefomat, any suggestions?
I would really really appreciate the help...thanx!

[illamc]

Help me, I really liked the navigationbar, but I can´t download it. I am using Flash MX. But I only get the alert: .unexpected filefomat, any suggestions?
I would really really appreciate the help...thanx!

I think someone else had a problem like that.

Have you had a read through the earlier pages of this thread. There might be a solution.

[loupi]

Well, I must be stupid or something, it still say unexpected fileformat :'(.


I think someone else had a problem like that.

Have you had a read through the earlier pages of this thread. There might be a solution.

[simplistik]

Well, I must be stupid or something, it still say unexpected fileformat :'(.
mx2004 format

[winstonwolf]

Hi all:

I am re-visiting the preloader problem raised by others earlier on this thread. In a nutshell, I am reading in larger images using xml, essentially turning the "thumbnail" scroller into more of an image scroller. Since I am bringing in larger images a preloader is important. I want a preloader to appear in place of the image so when you first load the page you will see eight preloaders working in place of each image. When the image loads, each preloader goes away and image shows up in its place within the scroller. I dont care what order they load, I just want each one preloaded.
To make things easy, I am not interested in a text preloader. A load bar or other simple graphic like a spinning line will work just fine. I have been working with the horizontal fla and have determined that the preloader clip MUST to go into thumbs mc in order to appear in each thumbnail. But the code has to elsewhere.
I hate asking for guidance on stuff, but you guys are crazy smart and I can't wrap my brain around this one. It should be easy.

BTW, my fla is exactly the same as the one downloaded, I have just been tinkering with that one, so I don't have any code to paste here that you havent already seen.

Thanks in advance!

Cheers.

Winston

[winstonwolf]

I came across a website similar to what I need, with the individual preloaders doing their thing.

www.cassbird.com

look specifically at the fashion link

[tobijas20]

Yes, but it doesn't mean they are preloaders! You can also put in each “thumbMC” some looping movie that is in layer below image holder’s layer. Once image is loaded it will cover this spinning movie. What we want here is to make real preloader that counts, no matter what it shows, numbers, preloader bar or something other. :)

[winstonwolf]

True, that particular site may just be using a looping MC that is covered up by the images, we'll never know. I agree, a real preloader indicating true progress not just a "cosmetic" one is the goal here. Such a sweet scroller, it would be a pity not to finish it off right. I was checking out a prototype preloader thread on the best of kirupa and wonder if that could be utilized to build preloaders on the fly.
Preloaders have been so easy for me in the past, but applying them here is a different animal. I can't grasp where the script should go and when.

Winston

[Multi-Task]

It took me ten days to read all this. When did this start back in like 04'? Good stuff Sim and VOe. Holla. MSP.

[Multi-Task]

Is it possible to load an instance of the thumbnails into a larger frame on the stage on click? Basically use this menu as a navigatinal menu for a picture gallery?

[illamc]

Hey guys.
how can I get this to work if it is all contained in a movieclip.
In my case, I can not have all the elements in the main scene. They need to be in a movie clip.


diff = _parent._ymouse-this._y;

Here I changed root to parent, to get the little arrows to line up and not go flying off screen.

That's fine. But the loadMovie bit doesn't work anymore. (I changed the file to loadMovie instead of the get URL)

All works when on the main scene. But not in a mc.
Any ideas what needs to be changed??
Thanks :te:

[winstonwolf]

You may want to post this question in the Flash MX forums because this thread is dead.

[illamc]

You may want to post this question in the Flash MX forums because this thread is dead.

There has been some activity on it over the last week or 2. Mostly me tho!!

I have posted something in actionscript forum. If I solve that, I should be able to adopt that technique and use it here.

Fingers crossed!!

[misati2ood]

Hi guys,

Im hoping you can help me. Can someone post a finished file of the thumbnails loading in an external JPG to an empty movie clip on the root timeline ? I've been trying to figure this out through the forums and other searched but having no luck. I would really appreciate it!

Thanks in advance!

[illamc]

Hi guys,

Im hoping you can help me. Can someone post a finished file of the thumbnails loading in an external JPG to an empty movie clip on the root timeline ? I've been trying to figure this out through the forums and other searched but having no luck. I would really appreciate it!

Thanks in advance!
your in luck. Someone asked me for the same thing an hour ago.
Ignore all the content. It's just the files I've been using.

Hope that helps

[misati2ood]

your in luck. Someone asked me for the same thing an hour ago.
Ignore all the content. It's just the files I've been using.

Hope that helps

Thank you so much! Just what I needed. I appreciate it!

[illamc]

No probs. :thumb2:

I wish I wasn't the only one stalking this thread, and that someone would come and solve my problem :crying:

[ancora]

i cant seem to get the page :S

[booler]

illamc post your fla and I'll take a look are you getting any cannot load errors or is just nothing happening... I've been working on a very dynamic version of this for some time basically a photo gallery on steriods thats all dynamic, pulling its configuration from an xml file the photo information from a sep xml file and creating thumbnails and "sections" dynamically... If I don't have it all together in the next couple of days I'm going to post it here for everyone to snag butcher and maim as needed... :) If you post your fla I'll take a look at it and see if I can figure it out...

[illamc]

Thanks for the offer booler!

After 2 days of battling with it, and almost settling for an ugly work-around, I just figured it out!!!! :krazy: And it was 5 mins after I saw your offer. haha!

The problem was caused by me puting all the frames inside a MC instance.
This stopped this line working:

loadMovie(this._parent.link, _root.mc1);
because mc1 was nolonger in the root. All i had to do was add the MC instance path in there. Like this:

loadMovie(this._parent.link, _root.main_mc.mc1);

Simple! :p: I'm so happy now!!

I'd love to see your photo gallery on steriods, when your done.
Thanks!
good luck finishing it.

[booler]

illamc... here is is.... http://www.kirupa.com/forum/showthread.php?t=201863

I figured I'd go ahead and post a new thread...

[illamc]

great I'll check it out

[Multi-Task]

Okay Flashlevel recreation,
Changed the images to load from XML using Attributes instead of Nested Elements. Now images wont load. What is up? help.

Heres Old code for Thumbnail Nav using Nested:
images = new Array();
xml_file = "images.xml";
xmlload = new XML();
xmlload.ignoreWhite = true;
xmlload.onLoad = function(ok) {
if (ok) {
count = this.firstChild.childNodes.length;
for (var i = 0; i<count; i++) {
curNode = this.firstChild.childNodes[i];
images[i] = {path:curNode.childNodes[0].firstChild.nodeValue,link:curNode.childNodes[1].firstChild.nodeValue,caption:curNode.childNodes[2].firstChild.nodeValue};
}
boot();
} else {
trace("Could not load "+xml_file+".");
}
};
xmlload.load(xml_file);


spacing = 5;
boot = function () {
for (var i = 0; i<images.length; i++) {
mc = container.attachMovie("thumbMC", "thumb"+i, i);
mc._y = i*(65+spacing);
mc.path = images[i].path;
mc.link = images[i].link;
mc.over.captionMC.caption.text = images[i].caption;



Heres New code using Attributes:
var x:XML = new XML();
x.ignoreWhite = true;
var urls:Array = new Array();
x.onLoad = function() {
var gallery:Array = this.firstChild.childNodes;
for (i=0;i<gallery.length;i++) {
urls.push(gallery.childNodes[i].attributes.url);
}
}
x.load("gallery.xml");
spacing = 5;
boot = function () {
for (var i=0;i<gallery.length;i++) {
mc = container.attachMovie("thumbMC", "thumb"+i, i);
mc._x = i*(60+spacing);
mc.url = images[i].url;
}
setRollOver();
};

But thumbnails wont load now. Can any one help. XML is attached as well. please help.

<?xml version="1.0" encoding="UTF-8"?>
<portfolio info ="Photos">
<image title="Get yo colors out" source="images/image01.jpg" url="images/image01.jpg"/>
<image title="Xed in Miami" source="images/image02.jpg" url="images/image02.jpg"/>
<image title="Flowin" source="images/image03.jpg" url="images/image03.jpg"/>
<image title="Nasty" source="images/image04.jpg" url="images/image04.jpg"/>
<image title="TIKI" source="images/image05.jpg" url="images/image05.jpg"/>
<image title="Pimpin" source="images/image05.jpg" url="images/image06.jpg"/>
</portfolio>

[maddog]

Ok, I'm sure this is a stupid question, but I am pulling my hair out. The movie works just fine when I test it in flash, but once I test it in a browser, it fails. Why is this?

[billy]

All the flas that I download on this post are missing the thumbArrows and thumbOverAnim MCs. The horizontal version was the only complete download that I saw.

[SpyderWeb]

I have seen a few hints on how to manipulate the Flashlevel Navigation in this forum, but can someone tell me (step-by-step) on how to manipulate it to fetch internal movieClips or more importantly; external .swf's (as opposed to external links) ...as well as any actionScript necessary within the movieClips or external .swf's. Your help would be much appreciated.

[yli]

helo,
i'm new in this forum and also in macromedia flash and i want to help somebody with ''flashlevel navigation recreation''. so... i want to use the same flash but with diferent xml files...
it is posible something like this included in html file?
<param name="FLASHVARS" value="configfile=images1.xml or 2 or 4">
thanks

[Tyg3r]

Im a little confused.

The original zip from post 1 has two seperate .swf's. One has the caption, and the other does't. Does anyone have the flnav.fla (the one with the captions)?

I tried decompiling it, and both nav.swf and flnav.swf seem to be quite different.

Mark
________
Masturbation ***** (http://www.****tube.com/categories/757/*****/videos/1)

[booler]

go to voets site he has it there

[suspire]

The original file, with url links and hover text, isn't up now.
I'll dig around and see if I still have a copy of it.

In the mean time, here is the version that will load external swf files into an empty MC that some of you have asked for.

33451

[suspire]

Not too sure how to get the xml to load up a certain frame in my movie rather than an external url?!?!

ummm.... change


loader.onRelease = function() {
getURL(this._parent.link, "_blank");
};
to


loader.onRelease = function() {
gotoAndPlay(this._parent.link);
};

Did this to go to a specific frame. What does the xml need to be changed to?

Mine looks like this with frame numbers in the url nodes:



<images>
<image>
<path>images/angel.jpg</path>
<url>1</url>
<caption>nr 1</caption>
</image>
<image>
<path>images/apple.jpg</path>
<url>2m</url>
<caption>nr 2</caption>
</image>
<image>
<path>images/aqua.jpg</path>
<url>3</url>
<caption>nr 3</caption>
</image>
<image>
<path>images/chrome.jpg</path>
<url>4</url>
<caption>nr 4</caption>
</image>
<image>
<path>images/circles.jpg</path>
<url>5</url>
<caption>nr 5</caption>
</image>
</images>


my files:
33475

and the original:
33476

which you can also get here:
http://www.kirupa.com/forum/showthread.php?t=72457

[RevoGiant]

that last example doesnt change frames when you click on the thumbs. Whats the deal?

[tess506]

sorry to update the thread :)

can anyone fix this, i do not want to load eternal xml pics, i put some objects inside the container, and i tried to modify some code to unload the xml, but i failed.


thanks :)

[gdd]

thats pritty niffy stuff

no offence but which is the latest version fla of the flashlevel scroller

i got the impression it had been altered slightly over time since this thread began

also if any one is interested I have a question @...
http://www.kirupa.com/forum/showthread.php?t=213453

[RevoGiant]

wow Suspire out of months of people asking the SAME question on this thread and people jumbling around code and what not you deserve a ribbon for posting a SWF and FLA that ACTUALLY loads content like images and swfs instead of urls YAY to you good buddy.

[oavs]

haha. Don't worry guys!

After trying all morning, I figure it out 5 mins after posting.

Great work! Very useful nav bar, and some great friendly support being offered.
:beer:

Can you please post your solution? I have the same problem. I want to reduce the size but everything is getting distorted and stretched.

Thanks

[Pixeladdict]

Simplistik, Voetsjoeba or some one else...

(I have the horizontal nav)
Is it possible to get the thumbOverAnim to dynamically fit the images that are being loaded in? say... when they ahve different widths?

I can't seem to figure this out!

[hozkara]

thanks for example.

[roozbeh]

hello! :love:

[pixie101]

hi all,
Im a kirupa lurker for a very long time and i love this flashlevel nav recreation.
I've been doing lots of tweaks to it thanks to Simplistik, Voetsjoeba and the discussion of many other kirupa members here. I know zilch about AS and i was wondering if anyone can help me with a line or two more tweaks.

I am currently using the horizontal version with a single title at the top of the nav. When i mouseover a thumbnail, the title will change, but how do i do a smooth 'rewind' to the initial title after i mouseout? The initial title is the title that is displayed when the swf loads. This was possible in the original vertical navigation but not applied in the horizontal version when changed from caption to title format. This thread has been running for very long, i hope some kind soul is still around to help. Attached is the file i've worked on. Thanks.

[Multi-Task]

Quick question,
Using this Nav on a swf that is getting loaded into a container_mc that loads different swf's. If I open the swf file that has the nav it will load a jpg into a empty movie clip with instance name mc1 but when I open main index swf that holds container_mc that will load swf. It wont display image on click of nav. What up doc?

[Multi-Task]

I am using Flash 8 and the code I am using has been passed around this forum like a virus,
loader.onRelease = function () {
loadMovie(this._parent.link, this.mc1);
};
}
}

[camilo]

Hi, I have a problem...
If my images have wide different, how do you do for this organizing in "X"...
this my code...


cargarFotos = function () {
for (var i = 0; i<images.length; i++) {
mc = items_mc.attachMovie("ficha_mc", "ficha_"+i, i);
imagen = images[i].imagen
mc.fotos_mc.loadMovie(imagen);
mc.fecha_txt.text = images[i].titulo;
this.onEnterFrame = function() {
var per = Math.round(mc.fotos_mc.getBytesLoaded()/mc.fotos_mc.getBytesTotal()*100);
if (per == 100) {
mc._x = i*(mc.fotos_mc._width+spacing);
delete this.onEnterFrame;
}
};
}
setRollOver();
};


tanks in advance!...

[max999]

I know it's somewhere, but can't find it now so I'll just upload it here.
How do i use this with the kirupa xml gallery?
I have this code:

function loadXML(loaded)
{
if (loaded)
{
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i = 0; i < total; i++)
{
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
} // end of for
firstImage();
}
else
{
content = "file not loaded!";
} // end else if
} // End of the function
function nextImage()
{
++p;
p = p % image.length;
if (loaded == filesize)
{
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
clearInterval(myInterval);
if (btn.playing)
{
slideshow();
} // end if
} // end if
} // End of the function
function prevImage()
{
clearInterval(myInterval);
if (btn.playing)
{
slideshow();
} // end if
if (p > 0)
{
--p;
}
else
{
p = image.length - 1;
} // end else if
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
} // End of the function
function firstImage()
{
if (loaded == filesize)
{
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
clearInterval(myInterval);
if (btn.playing)
{
slideshow();
} // end if
} // end if
} // End of the function
function picture_num()
{
current_pos = p + 1;
pos_txt.text = current_pos + "/" + total;
} // End of the function
function thumbNailScroller()
{
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function ()
{
if (_root._ymouse >= thumbnail_mc._y && _root._ymouse <= thumbnail_mc._y + thumbnail_mc._height)
{
if (_root._xmouse >= hit_right._x - 40 && thumbnail_mc.hitTest(hit_right))
{
thumbnail_mc._x = thumbnail_mc._x - scroll_speed;
}
else if (_root._xmouse <= hit_left._x + 40 && thumbnail_mc.hitTest(hit_left))
{
thumbnail_mc._x = thumbnail_mc._x + scroll_speed;
} // end else if
}
else
{
delete tscroller.onEnterFrame;
} // end else if
};
} // End of the function
function thumbnails_fn(k)
{
thumbnail_mc.createEmptyMovieClip("t" + k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function (target_mc)
{
target_mc._x = hit_left._x + (target_mc._width + 5) * k;
target_mc.pictureValue = k;
target_mc.onRelease = function ()
{
p = this.pictureValue - 1;
nextImage();
};
target_mc.onRollOver = function ()
{
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function ()
{
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t" + k);
} // End of the function
function slideshow()
{
function pause_slideshow()
{
clearInterval(myInterval);
nextImage();
} // End of the function
myInterval = setInterval(pause_slideshow, delay);
} // End of the function
delay = 4000;
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("portfolio.xml");
listen = new Object();
listen.onKeyDown = function ()
{
if (Key.getCode() == 37)
{
prevImage();
}
else if (Key.getCode() == 39)
{
nextImage();
} // end else if
};
Key.addListener(listen);
previous_btn.onRelease = function ()
{
prevImage();
};
next_btn.onRelease = function ()
{
nextImage();
};
p = 0;
this.onEnterFrame = function ()
{
filesize = picture.getBytesTotal();
loaded = picture.getBytesLoaded();
preloader._visible = true;
if (loaded != filesize)
{
preloader.preload_bar._xscale = 100 * loaded / filesize;
}
else
{
preloader._visible = false;
if (picture._alpha < 100)
{
picture._alpha = picture._alpha + 10;
} // end if
} // end else if
};
var myInterval;
btn.t.text = "STOP";
btn.playing = true;
btn.onPress = function ()
{
if (this.playing)
{
this.playing = false;
clearInterval(myInterval);
this.t.text = "PLAY";
}
else
{
this.playing = true;
nextImage();
this.t.text = "STOP";
} // end else if
};
playing = true;
btn.onPress = function ()
{
playing = true;
nextImage();
};
btn._visible = false;
btn.onRelease = play.onReleaseOutside = function ()
{
this._visible = false;
stop._visible = true;
};
stop.onPress = function ()
{
playing = false;
this._visible = false;
btn._visible = true;
clearInterval(myInterval);
};
Thanks a lot
M

[max999]

Recreation of the Flashlevel (http://www.flashlevel.com) navigation, requested by Simplistik. A little addition has been made to show a caption on rollover. However, you a free to choose your own rollover animation, whether or not with the caption. You can use the caption somewhere else as well and then use it as a title instead of a caption ... This menu uses an XML file to store links, image paths and captions in.

width=700 height=500

Download: http://downloads.voetsjoeba.com/?1099254535
Hi sorry to bother you but i have the horizontal version of this great menu but i am having trouble implementing into the kirupa xml gallery.
I have an xml gallery with crossfading(stringy version) and thumbnails and buttons(play, pause, forw, prew), and my xml looks like this:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>

<image>portfolio/04.jpg</image>
<caption>Street</caption>
<thumbnail>thumbs_portfolio/04.jpg</thumbnail>

</pic>
<pic>

<image>portfolio/05.jpg</image>
<caption>Movies</caption>
<thumbnail>thumbs_portfolio/05.jpg</thumbnail>


</pic>
<pic>

Thanks a lot, i jut need a hint or a suggestion if you have time.
This is my code:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
thumbnails = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
thumbnails[i] = xmlNode.childNodes[i].childNodes[2].firstChild.nodeValue;
thumbnails_fn(i);
}
id = setInterval(preloadPic, 100);
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("portfolio.xml");
var id, current;
var kb = 0, p = 0;
var slide = 1;

function preloadPic() {
//kb == 0 ? (desc_txt.text=description[p], picture_num()) : null; //

clearInterval(id);
var con = picture.duplicateMovieClip("con"+kb, 9984+kb);

con.loadMovie(image[p]);
preloader._visible = 1;
preloader.swapDepths(con.getDepth()+3);

con._alpha = 0;
var temp = _root.createEmptyMovieClip("temp"+kb, 99+kb);
kb++;
temp.onEnterFrame = function() {
var total = con.getBytesTotal();
var loaded = con.getBytesLoaded();

trace (loaded);
percent = Math.round(loaded/total*100);
trace (percent);

preloader.preload_bar._xscale = percent;
trace(preloader.preload_bar._xscale);

if (con._width) {
preloader._visible = 0;
con.onEnterFrame = fadeIn;

if (slide) {
id = setInterval(nextImage, 4000);
}
delete this.onEnterFrame;
}
};
}


MovieClip.prototype.fadeIn = function() {
if (this._alpha<100) {
current._alpha -= 10;
this._alpha += 10;
} else {
current._visible = 0;
current = this;
delete this.onEnterFrame;
}
};
function nextImage() {
p<total-1 ? p++ : p=0;

desc_txt.text = description[p];
picture_num();
preloadPic();
}
function prevImage() {
p>0 ? p-- : p=total-1;
desc_txt.text = description[p];
picture_num();
preloadPic();
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function thumbNailScroller() {
// thumbnail code!
this.createEmptyMovieClip("tscroller", 1000);
scroll_speed = 10;
tscroller.onEnterFrame = function() {
if ((_root._ymouse>=thumbnail_mc._y) && (_root._ymouse<=thumbnail_mc._y+thumbnail_mc._height)) {
if ((_root._xmouse>=(hit_right._x-40)) && (thumbnail_mc.hitTest(hit_right))) {
thumbnail_mc._x -= scroll_speed;
} else if ((_root._xmouse<=(hit_left._x+40)) && (thumbnail_mc.hitTest(hit_left))) {
thumbnail_mc._x += scroll_speed;
}
} else {
delete tscroller.onEnterFrame;

}
};
}
function thumbnails_fn(k) {
thumbnail_mc.createEmptyMovieClip("t"+k, thumbnail_mc.getNextHighestDepth());
tlistener = new Object();
tlistener.onLoadInit = function(target_mc) {
target_mc._x = hit_left._x+(target_mc._width+5)*k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this._alpha = 50;
thumbNailScroller();
};
target_mc.onRollOut = function() {
this._alpha = 100;
};
};
image_mcl = new MovieClipLoader();
image_mcl.addListener(tlistener);
image_mcl.loadClip(thumbnails[k], "thumbnail_mc.t"+k);
}


previous_btn.onRelease = function() {
slide = 0;
prevImage();
};
next_btn.onRelease = function() {
slide = 0;
nextImage();
};
play_btn.onRelease = function() {
slide = 1;
nextImage();
};
pause_btn.onRelease = function() {
slide = 0;
clearInterval(id);
};
preloadPic();