Lorsque vous cliquez sur l'une de ces 5 images, vous voyez la version agrandie dans une zone au-dessus du rangée.Le première série d'images est téléchargé avec la page Web. Les deux sets suivants sont téléchargés par les balises d'image au bas de la page Web. Par souci de cohérence, les balises d'image pour la première série seront également répertoriés avec ces balises au bas de la page Web. Maintenant, quand une valeur d'image source (URL) se produit plus d'une fois dans une page Web, le navigateur Web ne télécharge pas vraiment plus d'une fois.
Le navigateur télécharge simplement l'image une fois et met en cache. La prochaine fois que l'image (ressources) est nécessaire à nouveau dans la page, il l'obtient à partir du cache. Certains navigateurs (notamment vieilles versions), ne peuvent pas le faire, mais de nombreux navigateurs en usage aujourd'hui, procéder.Vous devrait voir la première série d'images lorsque la page ouvre.
La première série d'images de prendre le temps normal de télécharger, si la ligne Internet est lente, vous (l'utilisateur) remarquerez peut-être un certain retard de temps que la première série d'images arrivent. Après cela, vous remarquerez sans plus de retard, parce que vous êtes occupé à regarder la première série et en élargissant ses images, un par un, les deux autres jeux sont téléchargés par les balises d'image au bas de la page. Il ya 15 balises d'image au bouton de la page.
Chacune de ces balises a la paire propriété /valeur CSS display, "display: none" Les images viennent et restent au bas de la page. Ils ne sont pas affichés et ne pas occuper l'espace, en raison de la "display: none" paires propriété /valeur. Chaque fois que chacun est nécessaire, la valeur de l'attribut source est copié à remplacer la valeur d'un attribut de source d'image qui est déjà visualisée. Donc, le temps à partir du serveur de téléchargement va être omis, et l'utilisateur remarquera un affichage rapide de toutes les images a