Exploitation rapide Galerie d'image pour New browsers

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 l'attribut archive. Ils viennent et ils restent dans l'attribut archive. Chaque fois qu'ils sont nécessaires, ils seront obtenu de l'attribut archive et non à partir du serveur. Ainsi, le temps à partir du serveur de téléchargement va être omis, et l'utilisateur remarquera un affichage rapide de toutes les images après la première série a arrived.

Enlarging un ImageAs dit ci-dessus, chaque ensemble d'images affiche cinq images dans une rangée. Lorsque vous cliquez sur une des images, vous voyez sa forme élargie au-dessus. Dans le cadre de la conception, lorsque la première série d'images arrive au navigateur, vous voyez la première image (le plus à gauche dans la rangée) élargie. L'image agrandie a tout simplement plus grandes dimensions que les images de la ligne (qui ne sont pas agrandies). Ces dimensions plus grandes sont donnés par CSS.

Lorsque vous cliquez sur la petite image, la valeur (URL) de l'attribut source de l'image plus grande est remplacé par celui de l'image plus petite. Lorsque le remplacement a lieu, vous voyez l'image cliqué élargie (plus haut). Pour toute image agrandie, vous avez la même URL pour la balise d'image de l'image agrandie et l'étiquette de l'image de la petite image correspondant. Il est l'attribut de source d'une balise d'image qui détermine ce que les Tag Image affiche que l'image agrandie image.ResolutionThe, en pixels, ne devraient pas être plus grand que l'une des images sur le serveur.

Si vous ne respectez pas cette règle, il sera perdu de la résolution de l'une ou plusieurs des image.Let élargie nous continuons à mettre en œuvre le project.Implementing le code ProjectThe est en 3 parties. La première partie est la feuille de style dans l'élément HTML HEAD. La partie suivante est l'activation de Javascript. La troisième partie est le contenu de l'élément de corps; Ce contenu a les éléments HTML