Nopea toiminta Kuvagalleria uusille browsers

ajentuneen). Nämä suuremmat mitat ovat CSS. Kun klikkaat pieniä kuvaa, arvo (URL) lähdemäärite on suurempi kuva on korvattu pienemmän kuvan. Kun korvaava tapahtuu, näet kuvan napsautti laajentuneen (ylempänä). Mistään suurennettua kuvaa, sinulla on sama URL-osoite kuvan tag laajentuneen kuvan ja kuva tag vastaavan pienen kuvan. Se on lähdemäärite kuvan tunniste, joka määrittää, mitä kuva tag näyttöjä image.ResolutionThe suurennettua kuvaa, pikseleinä, ei saisi olla suurempi kuin mikä tahansa kuvia palvelimelle.

Jos et kunnioita tätä sääntöä, siellä menetetään päätöslauselman yhden tai useamman laajentuneen image.Let meitä mennä toteuttamaan project.Implementing ProjectThe koodi on 3 osaa. Ensimmäinen osa on tyylisivu HTML HEAD elementin. Seuraava osa on JavaScript. Kolmas osa on sisältöä BODY elementin; Tämä sisältö on HTML-elementit kohteisiin: esine elementti, taulukkoelementeille, kuvaelementtejä ja painiketta element.Code BODY ContentWe tarkastella sisältöä BODY elementin ensimmäinen, koska tyylisivun ja JavaScript riippuvaisia. Tämä on se: Osa tekstistä voi mennä here.

Some tekstiä voi mennä here.Next SetThe body-tunnisteiden on sisällytetty edellä koodi. Vuonna alkutunniste runkoelementtiä, sinulla on ominaisuus /arvo-pari, onload = "fillArray ()". Tämä on lataustapahtuman yhteydessä, joka kutsuu JavaScript-toiminto, fillArray (). Tämä toiminto käyttää JavaScript säännöllinen lauseke tekniikka kopioida luettelon URL objektin arkistomäärite osaksi array.Now, ruumiiseen sisältö: Ensimmäinen elementti sinulla on Body sisältö on esine elementti. Tarvitsemme tätä Object osa vain koska sen arkistomäärite.

Joten ainoa tärkeä asia Object elementti on on arkistomäärite ja tämän ominaisuuden arvoa. Object elementti koodattuna ei vie tilaa sivun. Arvo arkistomäärite on tilaa eroteltu luettelo URL. Koska nämä URL ovat arkistomäärite, niiden resurssit ladataan, kun taas web-sivun käyttäjä on vielä alkaneet ymmärtää, mitä on www-sivulla. Mennessä käyttäjä tarvitsee kuvat URL, kuviaan olisi ladattu (saapuvat selain) .the seuraava suuri elementit olet ovat HTML Taulukko suurennettua kuvaa, HTML Taulukko pieniä kuvia ja painike .

Taulukko suurennettua kuvaa on yksi rivi ja kolme solua; solun keskellä pitää suurennettu kuva. Se on tyylisivu että ensisijaisesti määrittää kuvan kokoa (sekä laajentuneen ja pieniä kuvia) .Toinen taulukossa on yksi rivi ja 5 solut; kukin omistaa pieni kuva. Se on tyylisivu että ensisijaisesti määrittää kuvan kokoa. Tämän jälkeen taulukko, s