Preloader helyszínen saját kezével - Popel iroda
Attól függően, hogy milyen típusú webes erőforrás és az információk mennyisége rajta, a webhely betöltése tarthat néhány milliszekundum egy pár másodpercig. A rendszerindítási folyamat során a helyszínen lehet egy csomó dolgot: layout ugorhat különböző irányokba, a szöveg lehet változtatni a betűtípust. Van elég természetes vágy, hogy elrejtse mindezt orgia távol a szemét a látogatók. Erre, és célja előfeszítő.
Preloader - egy telek terhelést jelző. Azt lehet beállítani vagy, mint egy animált gif-képet, és a terhelés skála. De függetlenül a megjelenése a preloader, a működési elv ugyanaz: a lehető leghamarabb, hogy a felhasználó terhelését mutató és betöltése után a fedelet mutató.
Hogyan kell betölteni a weboldalt
Meg kell érteni a folyamatot, mielőtt létrehoz egy mutató bármilyen eljárás. Betöltése weboldalak - sem kivétel. Szóval hogyan lehet betölteni egy weboldal?
Az, hogy a weboldalak betöltésekor vizuálisan
A folyamat létrehozásának
Most, hogy tudja a sorrendben a Web oldal betöltésekor, lehetséges, hogy létrehoz egy listát a feladatok és feltételek a preloader. Saját feltételeit ez a következők:
Ha az oldal szinte független grafika helyett window.onload elrejteni preloader használhatja DOM kész.
Hogy oldja meg a problémát először fel a következő html kód közvetlenül a nyitó szervezet tag.
A mi preloader stílusok van szükségünk, hanem függ a külső kép, nem akarjuk, ezért helyezze a stílusok közvetlenül a dokumentumban, bárhol a fejét.
Sajnos teljesen elhagyni a külső források nem jön be, mert van egy animált gif-képet. Azonban, mivel a kis méret a kép elfogadható áldozat.
Most már csak meg kell elrejteni előtöltőt az oldal betöltésekor. Itt már nem csak korlátozott erőforrásokkal rendelkeznek, így tudjuk használni jQuery:
Kész! Most ahelyett, hogy ugrás a különböző oldalain az elrendezés látogató az oldalak betöltési ideje nézze meg a tiszta boot képernyő. Egy működő változata a preloader látható Edward Akulova oldalon.