IntroductionWith många webbbildgallerier, när du tittar på en uppsättning bilder och du klickar på en knapp för att se en annan uppsättning, tar den nya uppsättningen tid att komma fram och sätta sig. I många av dessa webbplatser när du försöker förstora en bild det skulle ta tid innan du ser den förstorade bilden. I den här artikeln visar jag dig hur man producerar den nya uppsättningen av bilder snabbt och hur man kan förstora bilderna snabbt.
Allt detta är tack vare CSS "display: none" egendom /värdepar, användningen av bildkällan attributet och den nya teknik som kallas aktiv klient Pages.You behöver grundläggande kunskaper i HTML, CSS och JavaScript för att kunna förstå den här artikeln. Principerna i denna artikel arbete med Opera 9 och kan vara de senaste versionerna av nya browsers.Note: Om du inte kan se koden, eller om du tror att något saknas (bruten länk, bild saknas), bara att kontakta mig på forchatrans @ yahoo. com. Det är, kontakta mig för minsta problem du har om vad du är reading.
The Aktuell ProblemImages allmänhet tar tid att ladda ner. Om den nya uppsättningen av bilder eller den förstorade bilden måste komma från servern, medan användaren tittar på galleriet, då tid skulle fattas för bilderna att komma fram till klientdatorn. Det är problemet; tiden för bilden för att flytta från servern till klienten browser.SolutionThe lösningen ligger med den nya teknik som kallas Active Kundsidor. Aktiva Kund Pages är en teknik där nästa information som ska visas på webbläsaren, behandlas på webbläsaren.
Uppgifterna för detta nästa information måste hämtas i förväg, troligen med den första informationen (webbsida) hämtas. Så, om du har 60 bilder för ditt galleri ska visas på en viss sida, vet du att användaren kommer att börja titta på de första 5 eller så, du ladda ner den första 5 med webbsidan. Medan användaren tittar på de första 5, resten hämtas i bakgrunden. Vid tiden användaren vill vila eller nästa uppsättning bilder, de är redan i webbläsaren. Den tid slösas bort att hämta nästa uppsättning (eller vila) av bilderna skulle vara wasted.A ProjectI använda ett projekt för illustration.
Du kan ändra projektet för era kommersiella syften. I detta projekt, finns det tre uppsättningar av bilder: varje uppsättning består av 5 bilder. Detta ger totalt 15 bilder för galleriet. I praktiken kan du ha mer än 15 bilder och mer än 5 bilder per set. Men för vår pedagogiska ändamål här, vi har bara 15, i uppsättningar av 5.All bilderna ska visas på en