Nettleseren bare laster ned bildet en gang og bufrer det. Når neste bildet (ressurs) er nødvendig igjen på siden, det blir det fra cache. Noen nettlesere (spesielt gamle versjoner), kan ikke gjøre dette, men mange nettlesere i bruk i dag, dette gjøres bør se det første settet med bilder når siden åpnes. Det første settet med bilder tar normal tid å laste ned, så hvis Internett-linjen er treg, kan du (brukeren) legge merke til noen tidsforsinkelse som det første settet med bilder kommer.
Etter dette vil du legge merke til ingen flere forsinkelser, fordi som du er opptatt med å se på det første settet og utvide sine bilder, en etter en, de to andre settene blir lastet ned av bilde tags nederst på siden. Det er 15 bildekoder på knappen på siden. Hver av disse kodene har CSS skjerm eiendom /verdi-par, "display: none" Bildene kommer og forblir nederst på siden. De vises ikke, og de ikke opptar plass, på grunn av "display: none" eiendom /verdi-par. Når hver er nødvendig, er verdien av sin kildeattributtet kopiert å erstatte verdien av en bildekilde attributt som allerede vises.
I så fall vil nedlastingstid fra serveren utelates, og brukeren vil merke en rask visning av alle bildene etter det første settet har arrived.Enlarging en ImageAs sagt ovenfor, viser hvert sett med bilder fem bilder på rad. Når du klikker på et av bildene, ser du det forstørret skjemaet ovenfor det. Som en del av design, da det første settet med bilder kommer til nettleseren, ser du det første bildet (lengst til venstre i raden) forstørret. Det forstørrede bildet har rett og slett større dimensjoner enn bildene i raden (som ikke er forstørret). Disse større dimensjoner er gitt av CSS.
Når du klikker på en lite bilde, er verdien (URL) til kilden egenskap av den store bilde erstattet av det av mindre bilde. Når erstatningen skjer, ser du bildet klikket forstørret (høyere opp). For noen forstørret bilde, du har samme nettadresse for