Jag kommer inte att förklara den andra uttalandet ovan vidare, om du vill veta mer om det, läsa min serie med titeln JavaScript String reguljära uttryck, i den här bloggen. För att komma fram till serien, typ, JavaScript String reguljära uttryck, i sökrutan på den här sidan och klicka på Sök. Om du har Googles sökruta på sidan, använda den. En ProjectI använda ett projekt för illustration. Du kan ändra projektet för era kommersiella syften. I detta projekt, finns det tre uppsättningar av bilder: varje uppsättning består av 5 bilder. Detta ger totalt 15 bilder för galleriet.
I praktiken kan du ha mer än 15 bilder och mer än 5 bilder per set. Men för vår pedagogiska ändamål här, vi har bara 15, i uppsättningar av 5. Alla bilder kommer att visas på en webbsida. Endast en bild kan förstoras åt gången. En uppsättning av 5 bilder visas alltid; var och en av dessa 5 bilder visas i en liten storlek, i rad. När du klickar på någon av dessa 5 bilder ser du förstoring i ett område ovanför raden. Den första uppsättningen av bilder hämtas med webbsidan. De kommande två uppsättningarna hämtas av ett objekt arkiv attribut.
För konsekvensens skull kommer den första uppsättningen också vara införd i arkivattributet. Nu, när en bildkälla värde (URL) förekommer mer än en gång på en webbsida, webbläsaren inte riktigt ladda ner det mer än en gång. Webbläsaren laddar helt enkelt bilden en gång och cachar det. När nästa bilden (resurs) behövs igen på sidan, blir det den från cachen. Vissa webbläsare (särskilt äldre versioner), får inte göra detta, men många webbläsare som används i dag gör this.You bör se den första uppsättningen av bilder när sidan öppnas.
Den första uppsättningen av bilder tar den normala tiden för att ladda ner, så om Internet linje är långsam, kan du (användaren) märka en viss tidsfördröjning som den första uppsättningen av bilder anländer. Efter detta kommer du att märka några fler förseningar, eftersom ni är upptagen med att se på den första uppsättningen och utvidga dess bild