*   >> Lese Utdanning Artikler >> science >> programming

Fast Drifts Image Gallery for New browsers

en. Så nedlastingstid fra serveren vil bli utelatt, og brukeren vil merke en rask visning av alle bildene etter det første settet har arrived.Enlarging en ImageAs sagt ovenfor, viser hvert sett med bilder fem bilder på rad. Når du klikker på et av bildene, ser du det forstørret skjemaet ovenfor det. Som en del av design, da det første settet med bilder kommer til nettleseren, ser du det første bildet (lengst til venstre i raden) forstørret. Det forstørrede bildet har rett og slett større dimensjoner enn bildene i raden (som ikke er forstørret). Disse større dimensjoner er gitt av CSS.

Når du klikker på en lite bilde, er verdien (URL) til kilden egenskap av den store bilde erstattet av det av mindre bilde. Når erstatningen skjer, ser du bildet klikket forstørret (høyere opp). For noen forstørret bilde, du har samme nettadresse for bildet lappen på det forstørrede bildet og bildet lappen på den tilsvarende lite bilde. Det er kilden egenskap av en bildekode som avgjør hva bildet tag vises som image.ResolutionThe forstørret bilde, i piksler, bør ikke være større enn noen av bildene på serveren.

Hvis du ikke respekterer denne regelen, vil det være tapt for oppløsning på én eller flere av forstørret image.Let oss går på å implementere project.Implementing den ProjectThe kode er i 3 deler. Den første delen er stilark i HTML HEAD-elementet. Den neste delen er Javascript. Den tredje delen er innholdet av kroppen elementet; dette innholdet har HTML-elementer av interesse: objektet element, bordelementer, bildeelementer og knappen element.Code for BODY ContentWe se på innholdet i BODY-elementet først, siden stilark og Javascript avhengige av det. Dette er det: Noe tekst kan gå here.

Some tekst kan gå here.Next SetThe Kropps kodene er inkludert i koden ovenfor. I starten tag av Body element, har du attributt /verdi-par, onload = "fillArray ()". Dette er onload hendelse som kaller Javascript-funksjonen, fillArray (). Denne funksjonen bruker Javascript regulære uttrykk teknikk for å kopiere listen over nettadresser av objektets arkivattributtet inn en array.Now, inn i Body innhold: Det første elementet du har i kroppen innholdet er objektet element. Vi trenger denne Object element nettopp på grunn av sin arkivattributtet.

Så det eneste viktige objektet element har er arkivattributtet og verdien av dette attributtet. Objektet element som Coded opptar ikke plass i web siden. Verdien av arkivattributtet er en space-separert liste over nettadresser. Fordi disse webadressene

Page   <<  [1] [2] [3] [4] [5] [6] >>
Copyright © 2008 - 2016 Lese Utdanning Artikler,https://utdanning.nmjjxx.com All rights reserved.