Hey Sascha, I see what you mean - the main problem is you have no way of knowing the sum total of all the bytes to load when the download process starts.
I like the idea of dividing the bar into segments, one per image. I think I'd try something like this: Lets say there are 5 images to load - image_1, image_2 e.t.c 100/5 = 20 So, we need to map 0-100% of the bytesLoaded for image_1 to the 0-20% segment on our loading bar, then we map 0-100% of the bytesLoaded for image_2 to the 20-40% segment on our loading bar and so on, and so on... The code would look something like so (completely untested!)... var imageCount:Number = i; // total number of mc's to load var currentImageNo:Number = c; // the curent image number var currentImage:MovieClip = this["image_"+currentImageNo]; // reference to the current MovieClip/Image var segmentSize:Number = 100/imageCount; // the size of each segment on the loader bar // map progress to a segmented progress bar var currentImageProgress:Number = ( currentImage.getBytesLoaded()/currentImage.getBytesTotal() )/100; var alreadyLoaded:Number = currentImageNo * segmentSize; /* Work out current image's progress as proportion of one segment i.e. if segmentSize=20, currentImageProgress=50 currentImageProgressMapped=20*(50/100)=10 */ var currentImageProgressMapped:Number = segmentSize * (currentImageProgress/100); var totalCurrentProgress:Number = alreadyLoaded + currentImageProgressMapped; // finally, something like myProgressBar._xscale = totalCurrentProgress; Of course, the code could be abbreviated a bit but I've broken the steps of the calculation out for clarity - I hope it makes sense! Let me know if this gets you closer to what you are looking for. Cheers, Adrian P On 3/12/06, Sascha Balkau <[EMAIL PROTECTED]> wrote: > > Hi Adrian, > > thanks for the idea but this approach will not work in my case because the > images are loaded sequencially. If one image is finished loading, my class > starts loading the next and so on, one after one. And the amount of images > varies (the image filenames are fetched from a XML file). > I'm now defining a segmentWidth by dividing the full progressbar width by > the amount of images that are going to be loaded. That gives me the 100% > for > one image on the whol bar. I just haven't figured out yet how to make it > work so that the bar doesn't start from 0 at every image. Any other idea? > > Sascha > > > > > > ----- Original Message ----- > From: "Adrian Park" <[EMAIL PROTECTED]> > To: "Flashcoders mailing list" <[email protected]> > Sent: Sunday, March 12, 2006 3:24 AM > Subject: Re: [Flashcoders] Loading several images with one progressbar? > > > Say you have 3 images loading, use something like this: > > var bytesLoaded:Number = 0; > var bytesTotal:Number = 0; > > bytesLoaded += image1.getBytesLoaded(); > bytesTotal += image1.getBytesTotal(); > bytesLoaded += image2.getBytesLoaded(); > bytesTotal += image2.getBytesTotal(); > bytesLoaded += image3.getBytesLoaded(); > bytesTotal += image3.getBytesTotal(); > > var percentageLoaded:Number = (bytesLoaded/bytesTotal) * 100; > > There may be ways to optimise this code depending on your circumstances > (e.g. > just calculate bytesTotal once and reuse it) but this shows the basic > idea. > > Adrian P. > > > On 3/11/06, Sascha Balkau <[EMAIL PROTECTED]> wrote: > > > > Hi, > > this is probably an old hat but I can't get it right. I want to display > > the > > load progress of several images with one progress bar. How do I > calculate > > the percentage of the bar? > > > > Thanks alot, > > Sascha > > > > _______________________________________________ > > [email protected] > > To change your subscription options or search the archive: > > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > > > > Brought to you by Fig Leaf Software > > Premier Authorized Adobe Consulting and Training > > http://www.figleaf.com > > http://training.figleaf.com > > > _______________________________________________ > [email protected] > To change your subscription options or search the archive: > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > > Brought to you by Fig Leaf Software > Premier Authorized Adobe Consulting and Training > http://www.figleaf.com > http://training.figleaf.com > > _______________________________________________ > [email protected] > To change your subscription options or search the archive: > http://chattyfig.figleaf.com/mailman/listinfo/flashcoders > > Brought to you by Fig Leaf Software > Premier Authorized Adobe Consulting and Training > http://www.figleaf.com > http://training.figleaf.com > _______________________________________________ [email protected] To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
