IntroductionWith mange web billedgallerier, 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 hurtige og hvordan man kan forstørre billederne hurtigt. Alt dette er takket være CSS "display: none" ejendom /værdi par, brug af attribut billedkilden og den nye teknologi kaldet Aktiv Client pages.
You brug grundlæggende viden i HTML, CSS og JavaScript for at forstå denne artikel. Principperne i denne artikel arbejde med Opera 9 og kan være de nyeste versioner af nye browsers.Note: Hvis du ikke kan se koden, eller hvis du tror noget mangler (brudt link, billede fraværende), bare kontakte mig på forchatrans @ yahoo. com. Det vil sige, kontakt mig for det mindste problem, du har om, hvad du er reading.The Current ProblemImages 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. Det er problemet; tid for billedet at bevæge sig fra serveren til klienten browser.SolutionThe løsningen ligger med den nye teknologi kaldet Aktive Client Pages. Aktive Client Pages er en teknologi, hvor den næste oplysninger, der skal vises i browseren, behandles på browseren. Dataene for denne næste oplysninger skal downloades på forhånd, sandsynligvis med de første oplysninger (webside) downloades.
Så hvis du har 60 billeder til dit galleri, der skal vises på en bestemt side, du ved, at brugeren vil begynde at kigge på de første 5 eller deromkring; du downloade den første 5 med websiden. Mens brugeren ser på de første 5, resten hentes på baggrunden. Ved den tid, brugeren ønsker resten eller næste sæt billeder, de er allerede på browseren. Den tid spildt at hente det næste sæt (eller hvile) af billederne ville ikke være wasted.A ProjectI bruge et projekt for at illustrere. Du kan ændre projektet til dine kommercielle formål.
I dette projekt er der tre sæt billeder: hvert sæt består af 5 billeder. Det giver i alt 15 billeder til galleriet. I praksis kan du have mere end 15 billeder og mere end 5 billeder pr sæt. Men for vores pædagogiske formål her har vi kun 15, i sæt af 5. Alle billederne vil blive vist på en webside. Kun ét billede kan