Chargement dynamique d'images

Question

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

@karamel · Answer

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

Bul3 · Answer

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

Chargement dynamique d'images

2 réponses

Votre réponse

Discussions similaires