IntroductionWith monia web kuvagallerioita, kun etsit joukon kuvia ja napsautat painiketta nähdä toinen joukko, uusia vie aikaa saapua ja asettua. Monissa näistä sivustojen kun yrität suurentaa kuvaa se veisi aikaa ennen kuin näet suurennettu kuva. Tässä artikkelissa, minä näytän sinulle miten tuottaa uusia kuvia nopeasti ja miten suuremmaksi kuvia nopeasti. Kaikki tämä on kiitos CSS "display: none" omaisuus /arvo-pari, kuvan käyttötarkoituksen lähdemäärite ja uusi tekniikka nimeltään Active Client pages.
You tarvitsevat perustiedot HTML, CSS ja JavaScript, jotta ymmärtää tämän artikkelin. Tämän artiklan periaatteiden työn Opera 9 ja voivat olla uusimmat versiot uuden browsers.Note: Jos et näe koodia tai jos luulet jotain puuttuu (rikki linkki, kuva poissa), vain yhteyttä minuun forchatrans @ yahoo. com. Eli minuun yhteyttä pienintäkään ongelmaa olet mitä olet reading.The Nykyiset ProblemImages yleensä vie aikaa ladata. Jos uusia kuvia tai suurennettu kuva on tultava palvelimelta, kun käyttäjä katselee galleria, niin aika tehtäisiin kuvien saapua asiakastietokoneeseen.
Tämä on ongelma; aika kuvan siirtyä palvelimelta asiakkaalle browser.SolutionThe ratkaisu kuuluu uuden teknologian nimeltään Active Client Pages. Active Client Pages on tekniikka, jossa vieressä näytettävät tiedot on selain, prosessoidaan selaimen. Tiedot tämä seuraava tiedot on ladattava etukäteen, todennäköisesti ensimmäisen tiedot (web sivu) ladattu. Joten, jos sinulla on 60 kuvia galleriassa näytetään tietyllä sivulla, tiedät, että käyttäjä aloittaa katsomalla ensimmäisen 5 tai niin; lataat ensin 5 sivun. Kun käyttäjä etsii ensimmäiset 5, loput ladataan taustalla.
Mennessä käyttäjä haluaa levätä tai seuraavan joukon kuvia, ne ovat jo selaimen. Aikaa hukkaan ladata seuraavan sarjan (tai levätä) kuvien ei olisi wasted.A ProjectI käyttää hankkeen kuva. Voit muokata projektin oman kaupallisiin tarkoituksiin. Tässä projektissa on kolme sarjaa kuvia: jokainen sarja sisältää 5 kuvaa. Tämä antaa yhteensä 15 kuvia galleriassa. Käytännössä voit olla enemmän kuin 15 kuvaa ja yli 5 kuvaa per setti. Kuitenkin meidän pedagoginen tarkoitukseen täällä, meillä on vain 15, on sarjaa 5.All kuvat näytetään vain yhtä verkkosivustoa.
Vain yksi kuva voidaan suurentaa kerrallaan. Yhdet 5 kuvaa näytetään aina; kukin näistä 5 kuvaa näkyy pieni koko, peräkkäin. Kun klikkaat jotakin näistä 5 kuvaa, näet suuremman version alueella edellä row.The ensimmäiset kuvat ladataan web-sivun. Seuraavat kaksi sarjaa ladat