*   >> Læs Uddannelse artikler >> science >> programming

Hurtig Operating Billedgalleri for nye browsere

Drage fordel af objekt Arkiv AttributeIntroductionWith mange web billede gallerier, når du kigger på et sæt af billeder, og du klikker på en knap for at se et andet sæt, det nye sæt tager tid at ankomme og slå sig ned. I mange af disse hjemmesider, når du forsøger at forstørre et billede det ville tage tid, før du ser det forstørrede billede. I denne artikel, jeg vise dig, hvordan man producerer det nye sæt billeder hurtigt og hvor for at forstørre billederne hurtige, takket være den Object arkiv attribut og brugen af ​​billedkilden tillægger respectively.

You brug grundlæggende viden i HTML, CSS og JavaScript For at forstå denne artikel. Principperne i denne artikel virker med Opera 9 og kan være de nyeste versioner af nye browsere. Det aktuelle problem og SolutionImages generelt tager tid at downloade. Hvis det nye sæt af billeder eller det forstørrede billede skal komme fra serveren, mens brugeren ser galleriet, så tiden ville blive taget for billederne at nå frem til klientcomputeren. I dag, med Object arkiv attribut, er det muligt at få alle billederne i galleriet på klientens browser.

Når et nyt billede (sæt) er nødvendig af brugeren, er det fik fra arkivet attribut hos kunden, og ikke fra serveren. Der er ingen spildtid downloading fra serveren. Dette fører til hurtig betjening af billedet gallery.The første sæt billeder kan tage tid at hente, og det er den eneste gang brugeren vil opfatte. Når brugeren er travlt med at se på det første sæt, resten af ​​sættene (af billeder) downloades. Efter det første sæt, hvis han har brug for et billede, er det fik fra arkivet attribute.The Object Arkiv AttributeHTML har et element kaldet OBJECT elementet.

Dette formål har en attribut kaldet arkivattributtet. Værdien af ​​denne attribut er en rum-separeret liste med webadresser. Så snart websiden er indlæst, hver af disse webadresser henter sin ressource (kode, billede, video, etc.). De midler, ankommer til browseren og blot bo der indtil de skal bruges. Disse ressourcer er officielt der for at blive brugt af Object element. Dog kan de henvendelser stadig bruges af andre HTML elements.Regular Expression Teknik for Adskillelse af URLsTo bekvemt adskille URL'er i strengen værdien af ​​arkivet attribut, du har brug for regulært udtryk Teknik.

Overvej følgende erklæring: var emne = document.getElementById (ID) .archive, Dette kopier erklæring arkivet attribut strengen ind i variablen, med forbehold. Følgende erklæring får alle de webadresser i array, arr. arr =

Page   <<       [1] [2] [3] [4] [5] [6] >>
Copyright © 2008 - 2016 Læs Uddannelse artikler,https://uddannelse.nmjjxx.com All rights reserved.