*   >> Læs Uddannelse artikler >> science >> programming

Hurtig Operating Billedgalleri for nye browsere

re funktioner i JavaScript. Den første er fillArray (), som kopierer listen over rummet adskilt billedfiler URL'er fra Object arkiv attribut i et array. Denne funktion kaldes, af kroppen onload begivenhed. Den anden er den forstør (begivenhed) funktion. Denne funktion forstørrer et lille billede, når der klikkes. Den sidste funktion er nextSet () funktion. Denne funktion erstatter sæt af små billeder med det næste sæt. Der er to globale variabler, Arr og nextIndex. arr bruges af den første og tredje funktioner. nextIndex bruges kun af den tredje function.

Function DetailsThe fillArray () funktion kaldes af BODY onload begivenhed har to udsagn. De første én kopierer værdien af ​​genstanden arkiv attribut som en streng i variablen, med forbehold. Den anden sætning bruger regulære udtryk teknik til at adskille webadresser fra strengen og sætter dem som enkelte elementer i den globale array, arr. Bemærk: () funktionen fillArray ikke kopiere ressourcer (billede) i array; kopierer teksten til de webadresser på arkivet attribut ind i array. Disse tekster er hentet med HTML-dokumentet side først.

Efter downloading af HTML-dokumentet siden downloading af selve billederne begynde. Så kan teksterne kopieres ind array før downloading af billeder baseret på teksterne (i arkivet attribut) .Den funktion forstør (begivenhed) viser det forstørrede billede til det lille billede, der er blevet klikket på. Det er ganske enkelt kopierer værdien af ​​kilden egenskab ved billedet klikkede, til værdien af ​​kilden attribut i billedet tag i den anden celle i den første tabel. Når denne kopi er lavet, billedet i den anden celle tager de dimensioner, der er angivet af den stil ark.

Bemærk brugen af ​​arrangementet objekt i oversigten over denne funktion. Gamle browsere understøtter ikke brug af begivenheden objektet. Når et HTML-element er klikket, målattributten af ​​begivenheden objektet returnerer en reference til det element, der udløste begivenheden. Nu til nextSet () funktion: Denne funktion viser det næste sæt af 5 små billeder. Det første sæt vises med den downloadede side. Efter dette, indekset for array, der begynder det næste sæt af billedfiler URL'er er 5 (indeks optælling begynder fra nul).

Det er derfor, du har den globale variabel og initialisering, Var nextIndex = 5, Når der klikkes på knappen, den første kode segment af nextSet () funktion kopierer det næste sæt af billedet webadresser fra array ind i den anden tabel billedet tags. Html billede tags i den anden tabel

Page   <<  [1] [2] [3] [4] [5] [6] >>
Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.