ActionScript 3.0 :: Thumbnail And Button Navigation?
May 24, 2010
I would like to start out by saying I am very new at this and am working on a portfolio website in flash CS4 and currentlyhrough the tutorials over at Now my problem is In the portfolio section I want a preview of the pics like a thumbnail on the bottom with a scroll bar to scroll through them all, but at the same time I would like to have buttons to navigate through these photos at the same time. I have got it to work, the only problem is let say i'm using the buttons to navigate through but then stop and go to the scroll bar on the bottom and click on one three of four pictures in front of where I left off, The image loads and everything is fine but when I go back to the buttons it continues off from where it last left off not where I clicked on the scroll bar.Here is the code that I currently have:
myscrollpane.source=allthumbnails;
//load the thumbnails...
var thumbLoader:Loader = new Loader();
I've created this thumbnail navigation bar that uses XML to get an external image, title, and link information. It then uses attachMovie() and a for loop to generate the listing. It all works like it's supposed to!
However I am now having two problems. The first, since I am loading in an image I would like to have a preloader appear in all the thumbnail containers before the thumbnail image loads in. I have a simple circle preloader in each thumbnail module that I would like to hide it once the image loads in.
The second issues and perhaps the more important one is that the site is color coded meaning once you click on a navigation button the site color scheme changes to a different color. I put all the instance names of the site elements into an array and then created a color change function with a switch statement to had the color change. However I cant seen to include the newly attached thumbnails into this array so they don't change color along with everything else on the website. I'm completely suck on this and have no idea how to go about making this color change happen. I'm frustrate and I need help.
Here is my code:
First this is how I loaded the XML data and attach the thumbnails:
Code: var linkItem:Array = new Array(); var instanceNames:Array = new Array(); function loadHomeBar() {
[Code]....
I'm also attaching the zip file with everything I have coded so far fla, image, and xml files are included.
I'm using flash for the first time to create my graphic design portfolio and I'm having trouble keeping the file size small, and can reduce it by (hopefully) doing the following:
My resume has a lot of classic tweens with alpha channels (to create fadein/fadeout effects) and as of right now, I need to create a separate layer of fadein, fadeout for each transition. IE: My resume to portfolio page needs one 20-frame transition, my portfolio page to resume needs a 20-frame transition, my 2nd page of my portfolio page to my biography needs a 20-frame transition, etc. It's getting out of hand.
I could easily remedy this by using a lot of separate fadeins fadeouts and then coding buttons to navigate from, say, frames 120-130 (resume fadeout) then go to frame 160-170 (biography fadein), then navigate to a static page. I'm not sure if this is possible, as my buttons would have to change functions each frame.
Another possible way is that currently for each button I have different layers in order to direct the button to different frames, and have placing hem in the same spot. I'm wondering if there's any way to have buttons go to separate frames on different frames, if you get what I mean (on frame 120 it'll go to 130, on frame 150 it'll go to 160 but still be the same button". Right now each button is coded with on release gotoandplay <frame>.
I have made a image-viewer. I've this AS for the viewer:
Code: import mx.transitions.Tween; import mx.transitions.easing.*; function loadXML(loaded) {[code].....
Now i would like to make a loop for the thumbnails so they don't have a beginning or end(Now when i scroll to the right the thumbnails stop at the last thumbnail, i want it to begin at the first thumb again).I'm also trying to make that the middle thumbnail represents the photo in target_mc.
I am fairly new to flash action script and I am having a problem with a project I am working on. The problem is as follows. I am trying to create a table of thumbnail pictures from an xml. I have made the table load from from the file though when the items are created the first thumb has the background and text field though all others are missing this. I have tried making a clip inside the thumbnail clip thats called "thumbnail_image" though that didn't work. I also want to be able to click the thumb and have it go to the corresponding url from "curl[]". I just can't work it out. At the moment it will only go to the last url added in the array
I am making a gallery, which you can view here:[URL]ok, firstly, when you click a thumbnail, you cannot scroll them until you roll off the click thumbnail, and I'm not sure why. is it just a movieclip thing? or can I put some code in to re-get focus of something? ok, now for the two general questions:
1. When you roll over the thumbs, they go up, sometimes they flick back down though, even though you are rolled over them still. is this just because they are moving?
I'm making a site that has a scrolling set of thumbnails and then when you click on one of the thumbnails a video will play. I used this (httpurl].....) tutorial and the scrolling is fine, but when I set the thumbnail to go to a certain frame/flag it doesn't go? I click on the thumbnail> +> Movieclip> goto and play at frame or label> and put in the label I've used for the frame (F15) and then when I test the movie nothing happens when I click on the thumbnail. Can someone help me? I'm dyin' here.
In the project I am working on I am trying to get a button 'menu button' from the library to appear on rollover within a dynamically created thumbnail mc. So basically when you roll over any one of the thumbs a button appears that can be clicked. I have tried to directly attach the button and also tried to create an empty clip in side the thumb and then attach the button to this empty clip. With this second method I can trace the empty clip though still can't get the button to attach.
Code: currentThumbs.onRollOver = function() { v = this.createEmptyMovieClip("ButtonContainer", 0); /// ButtonContainer can be traced v.attachMovie("menu button", "downloadBut"+this.numb, this.getNextHighestDepth()); v["downloadBut"+this.numb].label_txt.text = "Download"; v["downloadBut"+this.numb]._x = 5; v["downloadBut"+this.numb]._y = 5; };
I know the 'menu button' works as it is used in other menus within the file though I can't get it to attach to the thumbs. So you know this.numb is working as well. It is created in another part of the code. I can upload the files if needed though it is a rather complex project including several xmls and loads of jpgs.
Im trying to create via xml and a for() loop a thumbnails wiewer and each thumbnail have a simple onrelease function.....but my probleme is that my 'container' movieClip and 'BT' movieClip dont show when I export the movie...also when i trace()them the output is empty. maybe is because they are inside x.onLoad(xml){} function ? At the end of the script you can remove // before the trace() function for ckecking in the output panel. here is my code:
I've been trying to do is to move a string of thumbnails - thumbHolder_mc - incrementally (like every 386 pixels) left and right, controling it with arrow buttons. Code below works like a charm EXCEPT when I try to stop the tween motion on either end.
I tried everything - _visible = false, enabled = false, delete function, etc etc, nothing works. In the my script below, buttons get disabled, but never recover. Function never comes "back to life", which is what I thought it was supposed to do:
I've used the XML connector to use an xml file to populate amenu>submenu> thumbnail image flash application. Everythingworks except that I'd like the last step to be that the user clickson the dynamically generated thumbnail image to open acorresponding pdf. I'm using the Loader component to generate thethumbnail. Essentially, I want to turn that image into a buttonthat launches a pdf.
All I've been trying to do is to move a string of thumbnails - thumbHolder_mc - incrementally (like every 386 pixels) left and right, controling it with arrow buttons. Code below works like a charm EXCEPT when I try to stop the tween motion on either end. I tried everything - _visible = false, enabled = false, delete function, etc etc, nothing works. In the my script below, buttons get disabled, but never recover. Function never comes "back to life", which is what I thought it was supposed to do: stop(); //connect right and left arrow buttons to
I've been working on the XML Thumbnail gallery tutorial posted up and I wanted to know if it's possible to make a complex rollover effect on an xml button? For example I would like to make this character { rotated 180 degrees above the button as a person highlights the button. How would I go about that.
in one of the movieclips (which is navBar_mc) i have my buttons in a drop down menu. so it is one level deep i am guessing.in the other movieclip (content_mc) i have the content that is to be manipulated by pressing the buttons.what would the code look like to target the content? i know i have to go up a level and then address the sibling mc, but when my code looks like this....
I am a total newbie with AS, I have this error.. TypeError: Error #1009: Cannot access a property or method of a null object reference. at all_new_fla::MainTimeline/frame1()
I have created a simple navigation bar that has 6 buttons. the bar was created using movie clips then by putting an "invisible" button underneath. as for the action script:on the main stage in an actions layer i have:[code]I have this code for every button, except the names of the movie clips change. All the movie clips do for now is have a graphic go from black to red.The action script for the buttons are as follows:[code]Now when i play the clip everything works like i want it to work...The problem arrises once i load the bar into my header.What I have done is created a new file which contains my header... I added a layer called load with a blank movie clip with the instance name of load_mc in another layer called actions I added the following action scripts:[code]When I play this file, my button_bar.swf load but the graphic keeps playing over and over again instead of only playing on mouse over.
I'm trying to make a navigation with 8 buttons, each represent a year and I want that initially there is one selected and highlighted and then everytime the user clicks on a different button the selected one will be highlighted and the previous one selected will be back in normal state (on/off).[code]...
I got a Website.as file that loads 4 library's movie clip's on the stage in certain positions.Clip_A, Middle, Menu, Clip_D Clip_A loads on the top left side , Menu on top right , Middle in Middle and Clip_D low right position.What i need to do and understand is how can i tell this class to find a button inside Menu and play a certain frame in Middle?I added this code in Website.as but i get errors
menu.menu_buttons.about_us.addEventListener(MouseEvent.CLICK, about_us_onClick); function about_us_onClick(event:MouseEvent):void { middle.gotoAndPlay(215); }
the error i get is this
1046: Type was not found or was not a compile-time constant: MouseEvent.How can i make this work?
http:[url].....This website is great.They have a navigation bar whereby a user must click on it, and shake it, to proceed to the other page. I can implement it into my website.
I have a nested movie 1 layer down from main stage that has several navigation buttons that move to different main stage labeled frames. I get an 1120 error because I am somehow not calling them out on the script. I have named the instances..so that's not the problem. I think I just need to somehow direct the script to the nested location. If I move the buttons to the main stage I get no errors and it all works perfectly.
On a particular frame I have the action PHP Code: loadMovie("swfs/home_text.swf", 1); I want to add an action on a navigation button to unload that movie from main movie. I tried unloadMovie();, but no luck.
so i am working on some buttons that are arranged in a vertical group. When you click on one it expands pushing the others away, and collapsing when clicked again bringing them back together. I thinking it would be easiest to make each button how i want it, then have some code that keeps each button x pixels away from each other...make sense?
Making buttons that open another url is easy enough, but for some reason I'm having a huge amount of trouble having a navigation button open new content on my website, such as moving from the Home content to the Menu content (the layout is static, only one small section filled with content changes.
I think the issue is that I can't figure out how to code it due to the fact that there are a good amount of nested movie clips, I'm not sure how to direct it to the place and frame I want.
I couldn't quite uplaod the file, so I've got it on filefront here: [URL]
I have a sliding menu (who doesn't these days? ) at the bottom of my screen. When you mouse over the menu it pops up and as it does it triggers an animation of a moving object. The moving object starts "off screen", comes sliding in and comes to a rest in the middle of the menu. The object has buttons on it. What I'd like to do is when a user clicks the button it loads content onto the main stage. Then either after clicking the button or mousing off the menu the object animation will continue on it's merry way out of view (off the menu).Everything works great except I can't get the **** button to work!I'm thinking it's a path issue since I've done lots of buttons.So the button is now here:_root.slidingNav.animationMC.object.buttonand I've got the AS on the button:
on (release) { _root.slidingNav.animation.gotoAndPlay(31);}
Is the button so buried that it's clicking options aren't available? I've never heard of that before but I'm still new so .
I want to have an object move towards the active button on a navigation. So if I click on a button, the object moves towards that button and stop there. Then if I click on another, it move towards it and stop.I looked online but I have a hard time finding the right words to find what I need..
