Préchargement img + action quand img chargée

Bonjour,

J'aurais besoin de votre aide pour un bout de code.

Je suis entrain de coder mon blog/portfolio et j'aimerais ajouter une fonctionnalité permettant de changer l'image de fond en javascript avec de beaux effets.

Je pourrais bien sur précharger toutes les images au chargement du site mais charger 5 images de 100/200ko je pense pas que sa soit une bonne idée !

Voici donc comment je vois les choses :
- Action utilisateur
--> Afficher image wait.gif
--> Commencé le chargement le background demandé
--> Une fois le wallparer chargé, on efface le dernier et on affiche le nouveau ( mise à jour du style d'un div avec des effets mootools )
--> Nouveau background en place

Le problème est que je n'ai pas trouvé comment charger une image et savoir quand le chargement de celle-ci est finie, pour lancer d'autres actions.

Merci de m'aider.

http://www.huddletogether.com/projects/lightbox2/

Regarde ce truc-là, il est intéressant, donne un beau rendu et facile à mettre en oeuvre.

Oui je connais trés bien lightbox, j'ai même étudié son code pour essayer de régler mon problème, mais son utilisation n'a rien à voir avec ce que je désire faire ! ( j'ai mis à jour mon message pour que sa soit plus clair )

Par contre lightbox doit inclure le module que je veux, car il affiche une image de wait pdt le chargement de l'image finale mais je n'ai pas réussi à réutiliser son code