Feltölteni a képeket a böngésző
Ha a fájlok nagy grafika és / vagy sok közülük, oldalak betöltése a böngésző igényel túl sok időt. Ahhoz, hogy gyorsítsa fel a boot speciális technikával.
Tipikus vétel árának chtonit első, alacsony felbontású képeket a kis térfogatú pántot. Ennek alapján ezek linkek fájlok teljes felbontású grafika betöltött csak ha a felhasználó rákattint a hivatkozásra. Azt is fel lehet használni a címkét. kivéve attribútum SRC, LOWSRC attribútum betölteni az első kép egy alacsony felbontású, majd a vétel, cserélje kép nagyobb felbontásban.
Segítségével egy script lehet elhelyezni előfeszítő képek a cache memória a böngésző anélkül, hogy megjeleníti azokat a képernyőn. Showing ezután történik, amikor a böngésző betölti a megfelelő címkéket. Ez különösen hatásos, ha az eredeti oldal betöltését. Míg a kép betöltődik a memóriába, miközben láthatatlan a felhasználó megtekintheti a szöveges információ.
Újratölteni a képet kell létrehozni a memóriában lévő objektumok böngésző. Egy ilyen objektum némileg eltér a kép a tárgy útján előállított a címkét. Mint minden tárgyat, hozzon létre szkripteket, képobjektum nem jelenik meg a böngészőablakban (megjelenítésére tag reagál). Azonban jelenlétét a kód már rendelkezik dokumentum betöltése a memóriába az indításkor a kép a dokumentumot. Létrehozásához a képeket a memóriában objektumot, akkor kell egy script, hogy hajtsa végre a következő kifejezést:
myimg = new Image (szélesség, magasság)
Ez a kifejezés arra utasítja a böngészőt, hogy a cache adott képet, de nem jeleníti meg. Miután betöltött a cache összes kép és töltse le a teljes dokumentumot, akkor azok láthatóvá. Ehhez az src tulajdonság egy elem értéket rendelni az azonos kép tulajdonságai objektum a cache. Például,
Itt a bal oldalon az értékadó operátor meghatározott src tulajdonság az első elem a megfelelő dokumentum a címkét. és a jobb oldalon - az src tulajdonság a kép tárgya a cache. Most vegyünk egy példát a HTML-dokumentum, amely megjeleníti a listát a nevét a grafikus elemek, és az egyik az eredeti képet. Ha rákattint a lista elem okozza a kijelzőn a megfelelő képet. Minden grafikai elemek ebben a listában előre betöltve a cache, és így hamar megjelennek, ha kiválasztja a listából. A lista, mint tudjuk, hozták létre a tartály tag. tartalmazó címkék. Megfelelő HTML kódrészlet-általunk generált kódot, egy script, és írd az aktuális dokumentumban. Az alábbiakban látható a megfelelő kód:
Figyeljük meg, hogy átalakítani a string egy valódi tárgyat használt referencia eval () függvénnyel. HTML-kód, amely meghatározza a képek listája, és a generált script a következő:
Az alábbiakban egy példát működését, amit a fent leírt: