Comments on: MooTools Image Preloading with Progress Bar

By: replacement window costs

replacement window costs — Wed, 01 Jun 2011 06:46:58 +0000

I admit, I have not been on this webpage in a long time however it was another joy to see It is such an important topic and ignored by so many, even professionals. I thank you to help making people more aware of possible issues.Great stuff as usual.

By: Domenico de Giulii

Domenico de Giulii — Sun, 29 May 2011 08:28:21 +0000

Hi David,
great script, but it doesn’t work with Internet Explorer 9.
Does it contain any deprecated (according to Microsoft) javascript method?

Thank you in advance!

By: peter

peter — Tue, 24 May 2011 09:17:23 +0000

i receive this error msg:
Error: $(this.options.percentageID) is null Sourcefile: xxx/js/dwProgressBar.js Row: 59
How to fix this ?

By: Romi

Romi — Wed, 16 Mar 2011 07:35:24 +0000

is it anyway after 100% progress bar disappear and show’s message

By: Shubham

Shubham — Mon, 14 Feb 2011 18:21:25 +0000

wow….this works great…:) Well i was looking for the preloaded with progress… thanks I am trying this right now…If I have any issues i will let you know.. :)

By: Ariel

Ariel — Fri, 14 Jan 2011 21:23:49 +0000

After taking a look at the code, onProgress is called only after an image has been successfully loaded. This doesn’t seem to be possible to be achieved with JS files. hmm…

By: Ariel

Ariel — Fri, 14 Jan 2011 20:38:04 +0000

Hi David, is there an onProgress callback for the Asset.javascript method? Thanks for this!

By: 123doing

123doing — Thu, 10 Jun 2010 02:45:50 +0000

It’s very good.
I like this.
Thanks for share.
And I wrote something to introduce this project for my readers.
You can find the post about this in my website.
If something is wrong,pls figure it out.thanks.

By: Djarot Studio

Djarot Studio — Mon, 03 May 2010 07:55:58 +0000

Awesome sauce David!
Anyway, ..just a pointer for anybody who needed the let’s-get-the-progress-bar-disappear after the images done loaded.

Using the eggsact hint from David,
* use the “loader” variable’s onComplete function to place the “hide” code.*
..in here i use the simple fade to 0.

onComplete: function() { images.each(function(im) { new Element('img',{ src:im, width:200, style:'width:200px;margin:20px 20px 20px 0;' }).inject($('images-holder')); }), // change this part into [,] so we can continue to our "hide" code $('progress-bar').fade(0); // let's fade it to 0 opacity, shall we.. }

Hope it helps.

By: Harrison

Harrison — Thu, 15 Apr 2010 02:50:06 +0000

how could i set this to load HTML content instead of images or just have it forward to an HTML page. sorry, kinda a JS noob, techin myself