Comments on: jQuery Image Preload Plugin

By: Edward Hotchkiss

Edward Hotchkiss — Tue, 17 Aug 2010 08:07:03 +0000

Hey, you can check out a great jQuery Preloader that I wrote with full callbacks, auto reading of images to preload, and a lot of easing in animations. Check it out here: jQuery Preloader

By: Alexander Zaharakis

Alexander Zaharakis — Fri, 04 Jun 2010 06:06:58 +0000

Excellent work brother! Works a treat

By: Matthew Rath

Matthew Rath — Fri, 16 Apr 2010 07:24:04 +0000

Brilliant! :p ive been looking for a decent image preloader for a while now to implement on my site as im currently building a new portfolio. This fits the bill exactly, the only thing i would take into consideration is YAACH’s comment, it would be nice to also have loop function within the class so u can just specify a directory an let it take care of the rest but ill attempt to add this in myself thanx again this is awesome :p

By: philipp

philipp — Tue, 09 Feb 2010 09:06:12 +0000

nice plugin. exactly what im looking for. thanks!

By: guy

guy — Sun, 03 Jan 2010 15:18:15 +0000

I cant believe this is not a part of jquery. why not have in built in? (a la mootools Asset class). its was a real pain to find this plugin…

By: Dimas

Dimas — Wed, 09 Dec 2009 21:58:32 +0000

With out the DOM being loaded, you wouldn’t be able to target the img elements to start preloading. Doing it before the DOM is loaded requires that you specify the image paths.

You can specify the image paths as an array, see the example above.

Another idea might be to build the img paths array with javascript, this might save you the headache of specifying each path one by one.

By: YAACH

YAACH — Wed, 09 Dec 2009 21:15:06 +0000

Thanks..very useful..I still have a question.
What if you want to load 20 images and you dont want to specify the path one by one. Is there a way you can load images with different paths BEFORE the DOM is built?

By: keun

keun — Sun, 06 Dec 2009 03:06:18 +0000

Very nice.

By: Dimas

Dimas — Mon, 02 Nov 2009 15:16:57 +0000

Hi George,

Typically you will get the “is not a function” error when something is not loaded properly or when the function is being called before the plugin actually loads. Confirm by viewing your source that jquery and the plugin are loading before your script is being called.

By: George

George — Sun, 01 Nov 2009 20:22:16 +0000

I’m trying to use this inside WordPress and I’m getting an error when I use it:

$(“#randimg img”).imgpreload is not a function

It works if I have my script and this plug-in in the body but doesn’t work if I load either or both my script and the plugin in . What am I doing wrong? Thanks.