Når du klikker på en hvilken som helst lille billede, er værdien (URL) af kilden attribut af større billede erstattet af den mindre billede. Når erstatningen finder sted, kan du se billedet klikkede forstørret (højere oppe). For enhver forstørrede billede, har du den samme webadresse til billedet tag det forstørrede billede, og billedet tagget af den tilsvarende lille billede. Det er kilden attribut af et billede-tag, der bestemmer, hvad billedet tag vises som image.ResolutionThe forstørrede billede i pixel, bør ikke være større end nogen af billederne på serveren.
Hvis du ikke respekterer denne regel, vil der blive tabt af opløsning af et eller flere af det udvidede image.Let os gå på at gennemføre project.Implementing den ProjectThe kode er i 3 dele. Den første del er den stil ark i HTML HEAD elementet. Den næste del er den JavaScript. Den tredje del er indholdet af kroppen element; dette indhold har HTML-elementer af interesse: objektet element, tabellen elementer, billedet elementer og knappen element.Code for krop ContentWe se på indholdet af BODY elementet først, da den stil kurs og JavaScript afhænger af det. Dette er det: Nogle tekst kan gå her.
Nogle tekst kan gå here.Next SetThe Krop tags er medtaget i ovenstående kode. I starten tag Body element, har du attribut /værdi par, onload = "fillArray ()". Det er den onload begivenhed, der kalder JavaScript-funktion, fillArray (). Denne funktion bruger JavaScript regulært udtryk teknik til at kopiere liste med webadresser af objektet arkiv attribut i en array.Now, i kroppen indhold: Det første element, du har i kroppen indhold er Object element. Vi har brug for dette Object element kun på grund af dets arkiv attribut.
Så den eneste vigtige ting Object element har, er arkivet attribut, og værdien af denne attribut. Det Object element som Coded ikke optager plads på websiden. Værdien af arkivet attribut er en rum-separeret liste med webadr