Bonjour à tous.
Contexte
Je possède actuellement un site pour faire la promotion de mon travail photographique ( www.bullesdesavon.fr). Pour présenter les photos, j'ai utilisé un diaporama en javascript qu'on peut trouver ici : http://www.guillaumevoisin.fr/develo...le-avec-jquery
Problème rencontré
Sur certaines pages où le nombre de photos est relativement important ( par exemple la page mariage : http://bullesdesavon.fr/Mariage/index.html ) l'affichage des premières images est problématique sur les connections un peu lente. C'est à dire qu'on se retrouve à voir les images s'afficher au fur et à mesure, comme au bon vieux temps du 56k. Du coup, le diaporama démarre et les premières images sont affichées de manière incomplètes ce qui ne fait pas très "pro".
Tentative d'analyse du problème et de résolution
J'ai regardé un peu de mon coté, et j'ai pu lire un peu partout que le navigateur chargeait les éléments de manière séquentielle ( ici, les images) en parcourant la page html de haut en bas. Pourtant, le fait de voir que les premières images ne sont pas affichés intégralement me fait penser que le navigateur essaie de charger toutes les images en même temps. Du coup voilà mes questions :
- Comment se fait il que le chargement des images ne se fassent pas de manière séquentielle, mais toutes en même temps ?
- Quelle solution peut on envisager pour que l'affichage des images soient correctes ( préchargement des premières images ? autre ? )
D'avance merci ! :p
Partager