Bonjour à tous,
Voici mon problème : je développe une application avec Oracle Application Express (un environnement de développement rapide proposé par Oracle, objectif : toucher le moins possible au code).
Mon problème se pose lors de l'affichage des images des pages de l'application. A chaque chargement de page, les images apparaissent d'abord en petites vignettes "image non trouvée" puis intègrent le bon contenu. Seulement, selon la rapidité de la connexion, l'affichage progressif des images n'est pas agréable, cela décale à chaque fois le contenu. Je lorgne donc du côté des techniques de pré chargement des images pour afficher la page une fois toutes les images mises en cache...
J'ai tiré 2 conclusions de mes recherches :
- il existe pas mal de scripts en Javascript, mais tous demandent de connaître à l'avance le nom des images... or je développe une application dynamique, les images peuvent changer et j'aimerais que le script pré charge toutes les images de la page, quelques soient leurs nombres et leurs noms.
- la technique d'indiquer width= et height= corrige à moitié le problème, c'est-à-dire que la vignette "image non trouvée" fait la bonne taille au chargement de la page, donc quand l'image est chargée, la vignette est remplacée par l'image, sans décalage du contenu. Mais j'ai toujours le souci lié au côté dynamique de l'application.
Donc en somme, connaissez-vous un moyen de dire au navigateur : avant d'afficher la page demandée, charge toutes les images de cette page en cache et affiche tout en une seule fois (repérer tous les.gif, .jpg, .png par exemple) ?
Merci beaucoup si vous avez du temps, et des idées...
Voici mon problème : je développe une application avec Oracle Application Express (un environnement de développement rapide proposé par Oracle, objectif : toucher le moins possible au code).
Mon problème se pose lors de l'affichage des images des pages de l'application. A chaque chargement de page, les images apparaissent d'abord en petites vignettes "image non trouvée" puis intègrent le bon contenu. Seulement, selon la rapidité de la connexion, l'affichage progressif des images n'est pas agréable, cela décale à chaque fois le contenu. Je lorgne donc du côté des techniques de pré chargement des images pour afficher la page une fois toutes les images mises en cache...
J'ai tiré 2 conclusions de mes recherches :
- il existe pas mal de scripts en Javascript, mais tous demandent de connaître à l'avance le nom des images... or je développe une application dynamique, les images peuvent changer et j'aimerais que le script pré charge toutes les images de la page, quelques soient leurs nombres et leurs noms.
- la technique d'indiquer width= et height= corrige à moitié le problème, c'est-à-dire que la vignette "image non trouvée" fait la bonne taille au chargement de la page, donc quand l'image est chargée, la vignette est remplacée par l'image, sans décalage du contenu. Mais j'ai toujours le souci lié au côté dynamique de l'application.
Donc en somme, connaissez-vous un moyen de dire au navigateur : avant d'afficher la page demandée, charge toutes les images de cette page en cache et affiche tout en une seule fois (repérer tous les.gif, .jpg, .png par exemple) ?
Merci beaucoup si vous avez du temps, et des idées...
