getElementById ('I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 als (nextIndex == 15) {nextIndex = 0; document.getElementById ('B1') = "First Set"} else document.getElementById ('B1') = "Next Set"} Er zijn drie functies in het JavaScript. De eerste is fillArray (), die kopieën van de lijst van de ruimte gescheiden image URL's uit het archief attribuut het object is in een array. Deze functie wordt door de BODY onload event. De tweede is het vergroten (event) functie. Deze functie vergroot een kleine afbeelding als erop wordt geklikt. De laatste functie is de nextSet () functie.
Deze functie vervangt de reeks van kleine beelden met de volgende set. Er zijn twee globale variabelen, arr en nextIndex. ARR wordt door de eerste en derde functies. nextIndex wordt alleen gebruikt door de derde function.Function DetailsThe fillArray () functie aangeroepen door de BODY onload event heeft twee verklaringen. De eerste exemplaren van de waarde van het Voorwerp's archiefkenmerk als een string in de variabele onderwerp. De tweede verklaring maakt gebruik van reguliere expressie techniek om de URL's van de string scheiden en zet ze als individuele elementen in de globale array, arr.
Let op: de fillArray () functie niet de middelen (afbeelding) in de array te kopiëren; Het kopieert de teksten van de URL van het archief attribuut in de array. Deze teksten worden gedownload met het HTML-document pagina eerst. Na het downloaden van de HTML documentpagina het downloaden van de eigenlijke beelden begint. Ja, kan de teksten in de array worden gekopieerd voor het downloaden van de beelden op basis van de teksten (in het archief attribuut) .De functie vergroot (event) geeft vergrote afbeelding voor de kleine afbeelding die is geklikt het.
Het simpelweg kopieert de waarde van de bron attribuut van de afbeelding geklikt, de waarde van de bron attribuut van het beeld tag in de tweede cel van de eerste tabel. Wanneer deze kopie wordt gemaakt, wordt het beeld in de tweede cel neemt de door de stylesh