2009-09-10 7 views
1

J'ai un site Web qui affiche des images dans un tableau html. Lorsque je clique sur la page, elle montre de manière incrémentielle le chargement et le redimensionnement de la table en fonction de la taille de l'image.Évitez d'afficher le rendu incrémentiel de la table d'images.

est-il une meilleure façon de le faire, je donc soit:

attente et montrer la table une fois après son prêt à déchirais pour éviter le chargement supplémentaire: montrant une certaine «chargement. » mettre à jour jusqu'à ce qu'elle rend pleinement

Répondre

3

spécifier la hauteur et la largeur de chaque image dans le cadre de la balise HTML (que ce soit par CSS ou les attributs height/width de la balise img lui-même). De cette façon, le navigateur sait combien d'espace d'écran allouer à l'image (et donc comment disposer la page) avant de télécharger complètement le fichier image.

Ceci fait même partie du PageSpeed optimization recommendations de Google.

+0

Je pense que le queston consiste à montrer toutes les images à la fois après que tout se charge. – rahul

+0

comment puis-je obtenir la hauteur et la largeur des images à l'avance. .i juste avoir url's http://www.mysite.com/image1.jpg – leora

+0

Idéalement, vous devriez stocker la taille aussi bien (si vous les tirez d'une DB). Théoriquement, vous pourriez utiliser GD ou similaire de PHP pour déterminer la taille de l'image, mais ce serait un coup de performance à faire à chaque chargement de la page - il vaudrait mieux simplement stocker les tailles dans la BD. – Amber

3

Vous pourriez vouloir regarder dans la technique de "CSS sprites". C'est une astuce CSS qui vous permet de fusionner plusieurs images en un seul gros fichier qui est téléchargé en une fois, mais qui reste affiché en tant qu'images distinctes sur la page.

Questions connexes