Fast Drifts Image Gallery for New browsers

kilt bildenettadresser fra objektets arkivattributtet i en matrise. Denne funksjonen kalles, av kroppen onload hendelsen. Den andre er den større bilde (hendelse) funksjon. Denne funksjonen forstørrer et lite bilde når den blir klikket. Den siste funksjon er nextSet () -funksjonen. Denne funksjonen erstatter sett små bilder med neste sett. Det er to globale variabler, arr og nextIndex. arr blir brukt av det første og tredje funksjoner. nextIndex brukes bare av den tredje function.Function DetailsThe fillArray () funksjon kalt av BODY onload hendelsen har to uttalelser.

Den første som kopierer verdien av gjenstanden arkiv attributt som en streng til variabelen, med forbehold. Den andre setningen bruker regulære uttrykk teknikk for å skille nettadressene fra strengen og setter dem som individuelle elementer i den globale array, arr. Merk: fillArray () -funksjonen ikke kopiere ressurser (bilde) inn i rekken; den kopierer tekstene til de nettadressene arkivattributtet inn i matrisen. Disse tekstene er lastet ned med dokumentsiden HTML først. Etter nedlasting av HTML-dokumentet siden nedlasting av selve bildene begynne.

Så kan tekstene kopieres inn i rekken før nedlasting av bilder basert på tekster (i arkivattributtet) sikret funksjon større bilde (hendelse) viser forstørret bilde for lite bilde som har blitt klikket. Det bare kopier verdien av kildeattributtet av bildet klikkes, til verdien av kilden egenskap av bildekoden i den andre celle i den første tabellen. Når denne kopien er gjort, på bildet i den andre cellen tar dimensjonene angitt av stilark. Legg merke til bruken av arrangementet objektet i oppstillingen av denne funksjonen. Gamle nettlesere støtter ikke bruk av arrangementet objektet.

Når et HTML-element klikkes, målattributtet av arrangementet objektet returnerer en referanse til elementet som utløste hendelsen. Nå, til nextSet () funksjon: Denne funksjonen viser det neste settet med 5 små bilder. Det første settet vises med siden ned. Etter dette er indeksen for matrisen som begynner neste sett med bilde URLer 5 (indeks telling begynner fra null).

Dette er grunnen til at du har den globale variabelen og initialisering, Var nextIndex = 5; Når knappen klikkes, den første koden segmentet av nextSet () funksjonen kopierer det neste settet med bildenettadresser fra tabellen inn i den andre tabellen bildet koder. HTML image tags på den andre tabellen blir ikke endret. Det er verdien av kilde attributter som er endret. Etter denne kodesegmentet, gjør