jQuery Image Preloader

This module implements a jQuery script that preloads all the images included in a web page (even the images in CSS).

I was looking for a solution to preload all images on a heavy graphics drupal site I was developing. I didn't found any on drupal.org and I ended implementing this script by hand on page.tpl.php: http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

It worked great so I decided to release a module that implements it.

Features

- White progress bar over a black background.
- Option for a percentage counter.
- Option to restrict by an ID selector.

Installation

To get the module running you need to download the original scripts from: http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

Update: The original author of the QueryLoader script has released a new version. You can see the news on his blog: http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/ I didn't tried if it's compatible with this module yet.

Unzip and put them inside the jQuery Image Preloader module folder (jquery_preloader) inside your sites/all/modules directory.

The resulting paths should be:
sites/all/modules/jquery_preloader/queryLoader/
sites/all/modules/jquery_preloader/qL2/

Then enable as usual and configure at:
Administer -> Site configuration -> jQuery Preloader settings

Future development

- Restrict use by path.
- Install external files by using Libraries API module.
- Change color/font/size of the text/background.

Actually I don't have time to keep developing this module, but I found that someone got the original script from Gaya, implemeted some nice new features and created a project on google code.