IntroductionWith mange web bildegallerier, når du ser på et sett med bilder, og du klikker på en knapp for å se et annet sett, tar det nye settet tid til å komme og bosette seg. I mange av disse nettstedene når du forsøker å forstørre et bilde det ville ta tid før du ser det forstørrede bildet. I denne artikkelen viser jeg deg hvordan å produsere den nye sett med bilder raske og hvordan du kan forstørre bildene raskt. Alt dette er takket være CSS "display: none" eiendom /verdi-par, bruk av bildekilden attributtet og ny teknologi kalt Active Client Pages.
You trenger grunnleggende kunnskaper i HTML, CSS og Javascript for å forstå denne artikkelen. Prinsippene i denne artikkelen arbeidet med Opera 9 og kan være de nyeste versjonene av nye browsers.Note: Hvis du ikke kan se koden, eller hvis du tror noe mangler (ødelagt kobling, bilde fraværende), bare kontakte meg på forchatrans @ yahoo. com. Det er, kontakt meg for den minste problemet du har om hva du reading.The Nåværende ProblemImages vanligvis tar tid å laste ned.
If har den nye sett med bilder eller forstørret bilde til å komme fra serveren, mens brukeren viser galleriet, deretter tid ville bli tatt for bildene for å komme frem til klientmaskinen. Som er problemet; tiden for bildet for å flytte fra serveren til klienten browser.SolutionThe løsningen ligger med den nye teknologien kalt Aktive klient Pages. Aktive klient Pages er en teknologi hvor neste informasjonen som skal vises på nettleseren, er behandlet i nettleseren. Dataene for denne neste informasjonen må lastes ned på forhånd, sannsynligvis med den første informasjonen (web side) lastet ned.
Så, hvis du har 60 bilder for galleriet som skal vises på en bestemt side, vet du at brukeren vil begynne å se på de første 5 eller så; du laste ned den første 5 med nettsiden. Mens brukeren ser på de første 5, resten blir lastet ned på bakgrunnen. Etter den tid brukeren ønsker resten eller neste sett med bilder, de er allerede på nettleseren. Bortkastet tid å laste ned det neste settet (eller hvile) av bildene ville ikke være wasted.A ProjectI bruke et prosjekt for illustrasjon. Du kan endre prosjektet for kommersielle formål.
I dette prosjektet er det tre sett med bilder: hvert sett består av 5 bilder. Dette gir totalt 15 bilder for galleriet. I praksis kan du ha mer enn 15 bilder og mer enn 5 bilder per sett. Men for vår pedagogiske formål her, vi har bare 15, i sett på 5. Alle bildene vil bli vist på én nettside. Kun ett bilde kan forstørres til e