[AJAX] Mise à jour du DOM et transition fade in/out

Bonjour,

Je viens de développer un "diaporama" sur mon site

Le problème que je rencontre se situe au niveau des transitions : pour le moment c'est super saccadé parce que le navigateur doit charger les 6 images du diaporama... Une solution serait de charger toutes les images (6 par diapositive*nombre de diapositives) mais alors le chargement de la page est très long donc je préfère vraiment passer par AJAX et updater la zone diaporama.

Quelqu'un pourrais-t-il m'expliquer comment faire une transition (par exemple un écran blanc avec un logo chargement) le temps que le nav charge les 6 images de la diapositive suivante ? Et aussi rajouter un fadein/fadeout ?

Merci !!!!

Pour ce qui fadein / fadeout, je te conseille de passer par un framework (Jscript ?), ça sera plus fiable et plus simple que si tu le fais toi même.

Après pour le chargement des images, tu peux ajouter tes balises img au fur et à mesure en Javascript. cela chargera les images à leur création.