Fast Drifts Image Gallery for New browsers

er av arkivattributtet, deres ressurser ned, mens nettsiden brukeren er fortsatt i ferd med å innse hva som er på nettsiden. Etter den tid brukeren trenger bilder av nettadressene, ville sine bilder har blitt lastet ned (kommer til nettleseren) .De neste store elementer du har er HTML Table for det forstørrede bildet, HTML Table for de små bildene og knappen . Table for det forstørrede bildet har en rad og tre celler; cellen på midten har det forstørrede bildet.

Det er stilarket som primært bestemmer størrelsen på et bilde (både forstørrede og små bilder) sikret andre Table har en rad og 5 celler; hver har et lite bilde. Det er stilarket som primært bestemmer størrelsen på et bilde. Etter denne tabellen, har du en HTML-knappen i koden. Den har en onclick hendelse som kaller funksjonen, nextSet (). Denne Javascript-funksjonen kopierer neste sett med bilder som har nettadresser er nå i en matrise, inn i bilde kodene av den andre bordet.

Bassengområdet stil SheetThis er den enkle style sheet: Den første setningen i stilark avtaler med de små bildene som har klasse, liten. Den andre setningen omhandler den forstørrede bildet. Dette bildet har klassen, stor. Erklæringen blokk av den første setningen har bare bredden verdi for de små bildene. Erklæringen blokk for det store bildet har også bare bredden verdien av det store bildet. Når gir du bredden verdien til et HTML-element nettleseren gir tilsvarende eller passende høyde. Unngå å gi høydeverdier til HTML-elementer; Dette kompliserer browser presentasjon med dagens browsers.

The JavaScriptThis er skriptet: var arr = new Array; fungere fillArray () {var gjenstand = document.getElementById ('O1') arkiv.; arr = subject.match (/\\ S + /g); } Funksjon større bilde (hendelse) {document.getElementById ('I0') src = event.target.src.; } Var nextIndex = 5; funksjon nextSet () {document.getElementById ('IS0') src = arr [nextIndex + 0].; . document.getElementById ('IS1') src = arr [nextIndex + 1]; . document.getElementById ('IS2') src = arr [nextIndex + 2]; . document.getElementById ('IS3') src = arr [nextIndex + 3]; . document.

getElementById ('is4') src = arr [nextIndex + 4]; //Gjør forstørret bilde først i settet. . document.getElementById ('I0') src = arr [nextIndex + 0]; nextIndex = nextIndex + 5 if (nextIndex == 15) {nextIndex = 0; document.getElementById ('B1') = "First Set"} else document.getElementById ('B1') = "Next Set"} Det er tre funksjoner i Javascript. Den første er fillArray (), som kopierer listen plass ats