Chargement dynamique d'images

Bonjour à tous,
Je voudrais créer une galerie d'image avec un effet de fondu lors du changement de l'image affiché. Hors je ne voudrais pas précharger les images qui seront d'une résolution assez élevée (1024*768) et nombreuses.
Évidemment, si on attribue le lien à l'attribut src de l'image puis qu'on fait directement un fadeIn, le temps nécessaire pour charger l'image fait que le fadeIn est déjà terminé lorsque l'image s'affiche.

Comment peut-on savoir que l'image est chargée et prête à être affiché?
J'ai regardé d'autres sources, la plupart précharges les images. Et d'autre, plus évoluées, me laisses confus (je suis débutant en js).

J'utilise JQuery.
Je ne demande pas un code tout fait, juste une piste à suivre sera sufisant...

Merci pour vos réponses,
Kevin

var imag = new Image();
function(){
imag.onload=function(){
document.getElementById('lieux').src=monimage.jpg
resize()}
}

bonjour à vous...
un préchargement est souvent ( toujours ? ) nuisible !
@kazma, pas d'expérience vraies sur onload, j'avais lu que ça ne
            fonctionnait pas toujours, partout...
            mais bon, peut-être me trompe-je ?
sinon complete le dit, quelques explications sur selfHtml
Cordialement

[mon Site] [M'écrire] Bul