ActionScript 2.0 :: Preloading XML Thumbnail Navigation Bar & Color Effects
Apr 22, 2010
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 was looking for a way to make different grid layouts for xml loaded jpg thumbs, so I read and applied a lot of the tutorials and posts about galleries, xml, thumbs and grids around here. Some of the script I used comes from Kirupa's adding thumbs tutorial. I also applied the concept in Creating Grids with Flash/AS. The result is attached here. A lot of the parameters, like row and column numbers and scaling of the thumbs,spacing, alpha, rotation, etc, can be changed easily in the script. Also, the idea is that you could write different prototype functions to get different grid layouts effects.
I am trying to build a gallery where the thumbnail loads and then you hit the thumbnail and it opens the image full size. I don't want to have it resize.
I've created a rotating navigation menu with 4 parts/submenus. To make the rotation/spinning graphics look smoother On rollover of one of the submenu/movieclip (the rotation will stop and continue on rollout), it should hide/decrease the alpha of other submenus, so a rollover effect could be seen. I've already tried with this: Code: _parent.MCInstanceName._alpha = 30; But when on mouse rollout, the hovered submenu/movieclip does not continue to rotate.
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 have a button I am creating from 2 movieclips in the library. One is the button body (shape converted to MC). The 2nd is a series of button logo PNG's for an additional visual button state change.I add the logo MC with addChild to the button body. Then I add the button body to display/stage container. ll is layered correctly.If I add alpha or transform the color to the button body, it goes to the top - covering the button logo.Not applying the color or alpha to the button body and applying a color or alpha to the button logo has not effect (displays correctly).
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 thHere is my code:First this is how I loaded the XML data and attach the thumbnails:
ActionScript Code: var linkItem:Array = new Array(); var instanceNames:Array = new Array();
Inside movieClip container, there are colored buttons on layer1 and on layer2 there is movieClip square which covers the buttons. I want to use the color efffects and blending options of movieClip square to make layer 1 alpha. There are some blending options called alpha, difference, lighten and substract but Im not getting the right combinations. I want to make layer1 alpha only by using layer2.
I have CS4 and have (it has taken over a month) created a banner with moving clouds (912 x 74). To the left is our company name and all I want to do is have a navigation menu across the bottom. I did not want buttons, but text with a dignified mouse over effect or color change. The links would be to .php pages and the would read Requirements, Samples, Pricing, FAQs and Contact. The dev site is at [URL] where you can see what I have already done.
In a nutshell, the swf contains four ads (which link to portions of the site) and each ad uses the Timer element, displaying it for 5 seconds before moving on to the next one. Everything has come together nicely (although I'd like to clean up the code and use classes at a later date - I'm currently taking AS training from Lynda.com).
What's giving me trouble right now is the navigation bar. What I want to do is create four numerical buttons that a) change color during a mouse roll over b) change color for a corresponding ad (for example, when the third ad displays, the number "3" changes from white to gray to show that it is active and goes back to white when the fourth ad comes up).
Right now, I'm at a loss as to what to do. I've tried making the numbers buttons, but I can't control color changes unless I create two sets of buttons: one with white numbers, one with gray numbers.This also makes for some really bizarre Actionscript coding ideas (ex: after I code the function for the gray nav buttons, I have to code functions that make the white buttons work - but this ends up screwing with the ad cycles). I tried making them as movie clips, but I lose the ability to assign a large hit area like I can with buttons.
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 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?
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 have a button, with instance name lightblue_color. I am assigning a color to its color field like this: lightblue_color.transform.colorTransform.color = 0x65ffff; then i am adding an eventlistener to the button like this: lightblue_color.addEventListener(MouseEvent.CLICK, ChangeColor); Then, in the function: public function ChangeColor(evnt:MouseEvent):void {trace(evnt.target.transform.colorTransform.color);} It prints 0. Why is that? Shouldn't it print 0x65ffff or do i need to do some type conversions?
Yes, I'm making a photo gallery like everyone else. I'm making it so people can order pics from the site. There are going to be about 500 photos per album in 5 different categories. The photos can be shrunk down to about 60kb a piece. If I use the actual pictures as thumbnails, just scaled down, the total size of all the pics will be about 30mb. I know this is a lot.
Either way, the people looking at the album will most likely look at nearly all the pics so they will be using up bandwidth either way. Plus, if I use the actual pics as thumbs the user will not have to wait to see actual pic when it's clicked on because it's already loaded. A preloader is annoying to me. I do realize a preloader would be wise when loading the thumbs. Just dislike them after you click one for the big picture.
So is using shrunken thumbs a necessity or if the big pic is under a certain size it shouldn't matter if I use it for a thumb also?
i want to change a colors tint and store that color for later use to apply to dynamically created sprites, for some reason the code changes my place graphic as expect but when i draw a square using the Colortransform.color property the color always in gray scale?
I want to do as follows: * click a "red" button write in textarea with red color font click "blue" button * write in textarea with blue color font Isn't this possible in flash 10 using AS3 I tried using setTextFormat but the problem is i have to have text before inserting format on that.
click a "red" button write in textarea with red color fontclick "blue" buttonwrite in textarea with blue color font Isn't this possible in flash 10 using AS3 ? I tried using setTextFormat but the problem is i have to have text before inserting format on that.
how could i remove these two colors for the header.... i could override rollover for the columns and leave the selection, but i want to remove these two effects from the header and i couldn't find a way to do that....
I'm making a flash app that allows you to create text, edit it. At some point, I need to get the text's color.
[Code]...
Then, you can stick the text on the movie and make a new one. During the creation of the movie clip holding the created text, all the format parameters of the text are passed to the movieclip. When I call back the .color parameter, it shows a value that isn't hex nor RGB... I've been googling for the last hour trying to find how to convert this back to RGB or hex values with no success. In this case, the value is : 65535
I am in the making of a isometric level editor, and I have about 15 movie clips with more to come. I want to let people change the color of tiles to what they want from a list of colors, so how can I let them change the color of a tile dinamicly with actionscript so that it changes a tile's color while preserving changes of "shadows"? I mean I have let's say a cube and to make it look 3D I need to change each face to make a feeling of 3D and not a flat one.
Hoping someone can point me in the right direction with this. Instead of creating a button and nesting movie clips for each state, I'm trying to script an animated button of a square (no fill) where on rollover the stroke color changes from one color to another (tweening the tint). I want to do this to the button symbol so it's the same for all instances. Is this possible or do I have to go the button > nested MC route? Sorry if this is lame...it's been awhile since I've used Flash and I've forgotten quite a bit.
We are creating an ecommerce site for my business and am trying to create a flash file that will allow the end user to select a color from a palette of 64 different swatches that they would like their item to be so it processed it into the order. I only need to create the flash file so they can select the color.
i have been doing this tutorial http:[url]..but i am stuck on PART 8, i have done everything the tutorial has said so far (although my image and the colors used are different) but the large blank box at the top of the color pallet isnt changing color when i click on any color from the pallet.
Also this tutorial doesnt say what version of flash and actionscript is best suited for this.Currently i am using CS4 & Action Script 2.0 but i don't know if this is correct. below there is a link to the fla. file that Coloring_Book.fla.
