Det finns två globala variabler, arr och nextIndex. arr används av de första och tredje funktioner. nextIndex används endast av tredje function.Function DetailsThe fillArray () funktionen kallas av BODY onload-händelse har två uttalanden. Den första kopierar värdet av objektets arkivattributet som en sträng i variabeln ämnet. Det andra uttalandet använder reguljära uttryck teknik för att separera webbadresser från strängen och sätter dem som enskilda element i den globala array, arr.
Notera: funktionen fillArray () kopierar inte de resurser (bild) i arrayen; Den kopierar texterna till webbadresser i arkivet attribut i arrayen. Dessa texter hämtas med HTML-dokument sidan först. Efter nedladdning av HTML-dokument sida för nedladdning av de faktiska bilderna börjar. Så kan texterna kopieras i arrayen innan nedladdning av bilder baserat på texterna (i arkivattributet) .Det funktion förstora (händelse) visar den förstorade bilden för den lilla bilden som har klickat.
Det är helt enkelt kopierar värdet på källattributet av bilden klickar till ett värde av källattributet av bilden taggen i den andra cellen i den första tabellen. När denna kopia görs, bilden i den andra cellen tar de mått som anges i formatmallen. Observera användningen av händelseobjektet i meddelandet om denna funktion. Gamla webbläsare stöder inte användningen av händelseobjekt. När ett HTML-element klickar målet attributet för händelseobjektet returnerar en referens till elementet som utlöste händelsen. Nu, till nextSet () funktion: Denna funktion visar nästa uppsättning av 5 små bilder.
Den första uppsättningen visas med sidan laddas ned. Efter detta är indexet för matrisen som börjar nästa uppsättning av bildwebbadresser 5 (index räkna börjar från noll). Det är därför du har den globala variabeln och initiering, var nextIndex = 5; När du klickar på knappen, den första koden segment av nextSet () funktion kopierar nästa uppsättning av bildwebbadresser frå