Browseren henter simpelthen billedet én gang og gemmer det. Når næste billedet (ressource) er nødvendig igen i siden, det får den fra cachen. Nogle browsere (især gamle versioner), kan ikke gøre dette, men mange browsere i brug i dag, dette gøres bør se den første sæt billeder, når siden åbnes. Det første sæt billeder tager den normale tid at downloade, så hvis Internet linje er langsom, kan du (brugeren) bemærke nogle tidsforsinkelse som det første sæt billeder ankommer.
Efter dette vil du bemærke ikke flere forsinkelser, for som du har travlt kigge på det første sæt og udvide sine billeder, én efter én, de to andre sæt er ved at blive hentet af billedet tags nederst på siden. Der er 15 billede tags på knappen på siden. Hver af disse tags har CSS display ejendom /værdi par, "display: none" Billederne kommer og forblive på bunden af siden. De vises ikke, og de ikke optager plads, på grund af "display: none" ejendom /værdi par.
Når hver er nødvendigt, er værdien af dens kilde attribut kopieret til at erstatte værdien af en image source attribut, der allerede er åbnet. Så vil overførselstiden fra serveren udelades, og brugeren vil bemærke en hurtig visning af alle de billeder, efter det første sæt har arrived.Enlarging en ImageAs sagde ovenfor, hvert sæt af billeder viser fem billeder i træk. Når du klikker på et af billederne, kan du se sin udvidede form, over det. Som en del af designet, da den første sæt billeder ankommer til browseren, kan du se det første billede (længst til venstre i rækken) udvidet.
Det forstørrede billede simpelthen har større dimensioner end billederne i rækken (som ikke er forstørrede). Disse større dimensioner er givet ved CSS. Når du klikker på en hvilken som helst lille billede, er værdien (URL) af kilden attribut af større billede erstattet af den mindre billede. Når erstatningen finder sted, kan du se billedet klikkede forstørret (højere oppe). For enhver fors