Consistentie, wordt het beeld-tags voor de eerste set ook worden vermeld met deze tags aan de onderkant van de webpagina. Nu, wanneer een beeld bron waarde (URL) komt meer dan eens in een webpagina, de webbrowser niet echt het meer dan eens te downloaden. De browser downloadt gewoon het beeld één keer en slaat het. Wanneer naast de afbeelding (bron) weer nodig is op de pagina, dan krijgt het uit de cache. Sommige browsers (vooral oude versies), kan dit niet doen, maar veel browsers in gebruik zijn, doen this.You moet de eerste set van beelden te zien wanneer de pagina wordt geopend.
De eerste reeks foto's te nemen van de normale tijd om te downloaden, dus als de internet lijn is traag, zou u (de gebruiker) enige tijd vertraging merken als de eerste set van beelden komen. Na deze zult u merken geen vertragingen meer, want als je bezig te kijken naar de eerste set en de uitbreiding van haar beelden zijn, één voor één, de andere twee worden door het beeld-tags gedownload aan de onderkant van de pagina. Er zijn 15 image-tags op de knop van de pagina.
Elk van deze tags heeft de CSS-display eigenschap /waarde paar, "display: none" De beelden komen en blijven aan de onderkant van de pagina. Ze worden niet weergegeven en ze hebben geen ruimte innemen, vanwege de "display: none" eigenschap /waarde paren. Wanneer elke nodig, wordt de waarde van de bron attribuut gekopieerd naar de waarde van een beeldbron eigenschap die reeds wordt weergegeven vervangen. Dus zal de download tijd van de server worden weggelaten, en zal de gebruiker een snelle weergave van alle beelden zien na de eerste set heeft arrived.
Enlarging een ImageAs hierboven al zei, elke set van beelden toont vijf beelden op een rij. Wanneer u een van de afbeeldingen klikt, zie je de vergrote vorm erboven. Als onderdeel van het ontwerp, wanneer de eerste reeks van beelden arriveert bij de browser, ziet u het eerste beeld (uiterst