Discussion :

[MoOoH]

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

[loikkk]

salut,

J'ai parcouru un peu le code de ton site et je m'aperçois d'un problème.
Tes balises javascripts sont les suivantes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"/>
<script src="../js/jquery.diaporama.js" type="text/javascript"/>
<script src="../js/script.js" type="text/javascript"/>

Tu devrais corriger et remplacer par :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"/></script>
<script src="../js/jquery.diaporama.js" type="text/javascript"/></script>
<script src="../js/script.js" type="text/javascript"/></script>

La balise <script> nécessite la présence d'une balise fermante </script> Doc..
En effet même si il y n'y a pas de code présent, tu peux considérer que le navigateur fait appel au script indiqué dans le chemin pour l'intégrer en quelques sortes.

[dotEden]

Petite erreur à corriger, mais tu as oublié de retirer les balises auto-fermentes
Pour répondre au problème, le mieux est de faire des images previews (script php par exemple) qui sont en un format réduit et compressé, et lorsqu'on clique dessus, l'image s'affiche en grand en format non compressé.

Cordialement.

[Invité]

Bonjour,
je trouve le site très agréable, très élégant.
Mais l'affichage de grandes photos (ce qui me plait aussi) pose toujours des problèmes avec des connexions "lentes".
Il n'y a pas grand-chose à faire, à part optimiser au mieux le poids des photos.
Éventuellement démarrer par une page "accueil", avec pré-chargement des premières images des galeries (dans un div en display:none ?)