Preloader Component

[freeskier89]

Here is a preloader component that I made yesterday. Currently I think its only able to load the root level because I havent tested others.Currently you have the option to toggle gloss, foreground/background color, and toggle whether you want the moving bar things. It doesn't display bytes loaded out of total yet, but I was thinking of adding that. Feel free to post any comments!

---HTML Preview (http://home.bresnan.net/~bcreavis/kPreloader.html)
---SWF (http://home.bresnan.net/~bcreavis/kPreloader.swf)
---FLA (http://home.bresnan.net/~bcreavis/kPreloader2.fla)

[chrisisjargon]

thought i would be the first to say good job on the preloader very nice

[freeskier89]

Thanks! I added the capability of displaying percent loaded and loaded KB out of total last night.

[Derlei]

nice job freeskier :beer:

[Insane Knux]

You stole my idea! :(
Very well done though. I love how the preloader looks!

[Libyan]

Nice Job

[freeskier89]

You stole my idea! Sorry about that :lol: I wasn't aware of that! Thanks for all of the positive feedback!

[mucho]

sweet!

[Emerald]

thats nice, maybe you could make the bar red and white for christmas time :)

[freeskier89]

Actually thats what I did originally, but then I changed it to shades of blue. If you want to check the fla, its really easy to change the colors. :thumb:

[TheCanadian]

That looks great. Only problem is with the colour customization. If you want the bar colour to be, say, yellow and the bacground blue. The bars will be green. There should be a way to adjust the bars alpha value. Otherwise, great job.

[freeskier89]

Good point canadian! I'll make sure to change that! ;)

[conceptioN]

wow. amazing job, looks great. :D

[danulf]

looks awesome man!

[Abus]

It's really looks great.

[elefen]

hmmm dont know but on my puter (mx 2004)... when i wanna try download simulation the preloader appears on 1 sec ... and then disappear ... smb has this same ?

[Dominerd]

for some reason it says it is an unexpected file format... is this MX 2k4? I have MX

[freeskier89]

hmm... I'll look into that. I use MX too.

[booler]

it does the same to me its a bug in your code that fades the preloader I have a working version similar that fades after I'll have to find it I ha the same problem with one I was working on a while back

[Dominerd]

hmm... I'll look into that. I use MX too. thanks, because I can preview them, but I can't open them

[ExoVoid]

OSX INVASION! nice effect, but i still prefer to stay as far away from OSX as possible for fear of catching cooties off it.

[chriskalani]

down-right sexy. kudos...and props...and uhh...hi5z!

[tid]

For me it fades straight away, before its loaded the image.

[ExoVoid]

what speed connection are you using tid?

[freeskier89]

@tid try clearing your temporary internet files... then refresh

[ExoVoid]

or hold ctrl then press f5, it reloads it from scratch, no cache.

[tid]

No, i meant that the bar does not reach the end of the background before it fades. If you still dont get what i mean then see the attached image, it fades straight after that. Also please note this only happens if i preveiw it from flash, its fine if i veiw the swf or html examples.

[ExoVoid]

Thats because when you load it from flash, there is no data to be loaded, so it can skip straight to the picture. If you load it from inside flash, you can set the loading simulation speed, allowing you to see the preloader a lot better that way.

[elefen]

nah ... tid is right ... doesnt matter ... under downloading simulation it doesnt work either ... i have same problemo ...

[freeskier89]

Alright I made a few updates. (Updated files on first post)

Made more support for multiple preloaders so they can have specific onPreload actions.
Added TheCanadians suggestion to make it so that the bar colors could be fully opaque hence adding more color options.
Resolved some loadTarget issues.
About the fading before the load, I'm not sure on that. I'll work on that, but it seems to work for me.

While were on the topic of preloaders ;) Does anyone now how to load multiple external (using loadMovie) thumbnails via one preloader. I've tried loading them all into a container then preloading that, but nothing seems to work. :puzzled:

[Vexir]

Nice job, you could compete with PureLoaders :)

[creativeFuzion]

Nice job, you could compete with PureLoaders :)

Lol, I'll agree on one circumstance: He makes a preloader that is more original than Tom's 'sperm to egg' preloader. :lol:

~Philip

[lfdesign]

Could someone please tell me if it is possible to reduce the time the loadbar fades after it loaded??

I have a set of images... each one with a preloader... I want that after the image is loaded the first time it loads very fast the second time... This isn't working because it stays fading the scrollbar during a while...

Please excuse my poor english!

Thanks in advance...

[komarik]

Could someone please tell me if it is possible to reduce the time the loadbar fades after it loaded??

I have a set of images... each one with a preloader... I want that after the image is loaded the first time it loads very fast the second time... This isn't working because it stays fading the scrollbar during a while...

Please excuse my poor english!

Thanks in advance...

By default this preloader is set to 80 fps. So either change your movies frame rate or go into actionscripts and change the setting there.

[berkoWitZ]

I went into actionscript but I cant find a way to change the fps in there, and it isn working for me :pa: ur supossed to put it in the first frame of the movie right?

[freeskier89]

Ill look at it in a bit :D . If I am right there should be a function named onPreload, on the first frame. There I have a statement like _alpha-=1; Change that one two the speed you want it to fade out at.

[berkoWitZ]

thanks!

and, the component should be in the first frame right? beacuse it isnt working for me :puzzled:

[freeskier89]

Yeah it should be on the first frame. Probably whats going wrong for you is the preload event. See, you drag a preloader in from the component window. That preloader executes a function on that same frame called onPreload. See the fla I provided for details. I assume you are omitting that function. In that function you want something like, gotoAndStop(2);

Please let me know if this doesn't work for you! :D

[lfdesign]

Thanks for your help freeskier89...

But I can't find the statement you said "_alpha-=1"... And how much do I need to increase this number to make the fade out a lot faster??

Please tell me more precisely where it is the statement...

Thank you for your time!!!

[berkoWitZ]

thanks freeskier89! Ill try it ASAP and let u know on monday, its weekend so no more work :P

[lfdesign]

Hi, I'm making this site

http://www.pluri-diverte.com/beta/beta.htm

and I wonder if there is a way of making the preloader fade away faster... or even don't fade away... Disappear right after it loaded...

If someone could help I would aprecciate it a lot!!

[freeskier89]

I see what you mean about how it needs to be faster. Ill work on it immediately after I get my homework done :S. Unfortunatly that might be a while... Is wednesday fine?

[lfdesign]

Thanks freeskier89!!

Do it whenever you can... I have to deliver the site this week but I can always update it later...

Keep in touch!!

[berkoWitZ]

Yeah it should be on the first frame. Probably whats going wrong for you is the preload event. See, you drag a preloader in from the component window. That preloader executes a function on that same frame called onPreload. See the fla I provided for details. I assume you are omitting that function. In that function you want something like, gotoAndStop(2);

Please let me know if this doesn't work for you! :D

it worked great! :D thanks! just in time for the launch of my new site next week, I needed a preloader like this ;) only think now its the fading faster

great job freeskier!

[freeskier89]

Alright lfdesign, on the first frame of your flash movie, you have these actions.
onPreload = function (preloader) {
preloader.onEnterFrame = function() {
preloader._alpha--;
if (preloader._alpha<=0) {
gotoAndStop(2);
}
};This function is executed when the preloader gets done loading. On the line preloader._alpha--; replace it with preloader._alpha-=5. Whatever is after the equal sign is the speed at which the preloader fades. So if you want it 25 times as fast as what it is now, change 5 to 25. So on and so forth.

Be sure to let me know if you have any further questions!

-freeskier89

[lfdesign]

Thank you so much freeskier89!!!!!!!!

You are a genius!! Your preloader is now "THE PERFECT PRELOADER"!!! :D

Thank YOU!!

Keep in touch!

[freeskier89]

Hey Thanks! :D I am glad it helps someone. Be sure to notify me if you have any additional questions ;)

[berkoWitZ]

works great, thank you very very much freeskier! :D