Az objektum képét
Képek a web-oldal
Sajnos, a pálya vezet a kép nehéz lehet, különösen, ha ugyanazon az oldalon van sok. Ezt a problémát oldja meg a kinevezését a képek a saját nevét. Tehát, ha kijelentjük egy képet a címke
akkor a kapcsolatot vele írásban
Új képek betöltése
Itt betöltött img1.gif képre, és nevet kap myImage. A következő sor img1.gif előző kép helyébe egy új, hosszabb - img2.gif.
Ezzel az új képnek mindig azonos méretű volt a régi. És nem tudja megváltoztatni a méretét a területen, ahol a kép található.
A kép újratöltése
De most a kép már azonnal eltávolítottuk a cache, és megjelenik a képernyőn. Így most sikerült újratölteni a képet.
Természetesen a böngésző megfelelő időre befejezte a újratöltését, hogy megjelenítsen egy képet késedelem nélkül. Ezért, ha kell előre betölteni a nagy számú kép, lehet, hogy késik, mert a böngésző van elfoglalva betöltése az összes képet. Mindig meg kell venniük a gyors internetkapcsolatot - nem fogja letölteni a képeket a gyorsabb, ha használja az itt látható kódot. Mi csak próbálják feltölteni egy képet, egy kicsit korábban - a felhasználó láthatja őket korábban. Ennek eredményeként, az egész folyamat megy tovább simán.
Szerkeszteni a képeket eseményekkel kapcsolatosan felmerült az olvasó
A forráskód e példa a következő:
Ez a szkript, hogy megőrizze rugalmasságát, követnie kell két feltétel:- Meghatározatlan számú kép - ez nem számít, hogy mennyit használt, 10 vagy 100
- Meghatározatlan képek sorrendjét követik - lehetővé kell tenni, hogy módosítsa ezt az eljárást anélkül, hogy megváltoztatná a kódját
Ez a szkript hozza az összes kép egy tömbben képek. Hoz létre a tömb funkció preload (), amely az úgynevezett a legelején. Hívás preload () függvény így néz ki:
Ez azt jelenti, hogy a szkript betölti a két kép a szerverről: img1f.gif és img1t.gif. Az első közülük - ez a kép kerül bemutatásra, míg az egérmutató nem a kép területén. Amikor a felhasználó a kurzort a kép fölé, ez lesz a második kép. Amikor a funkció az úgynevezett preload (), mint az első érv, mi határozza meg a „link1”, és kérik a weboldal a tárgy kép, amelyet tulajdonosa a két előre betöltött képeket. Ha megnézzük mi példánkban szakaszban
, talál egy képet az azonos nevű link1. Nem használunk egy sorszámot, és a nevét a képet annak érdekében, hogy képes rendezni a képeket a weboldal megváltoztatása nélkül a forgatókönyvet is.Mindkét funkció on () és off () által okozott események rakodók onMouseOver és onMouseOut. Mivel a kép maga nem tud reagálni az eseményekre MouseOver és MouseOut, akkor azt kell, hogy ezeket a képeket még linkeket.
Láthatjuk, hogy a () függvény az összes képet, kivéve az eredeti állapot. Erre azért van szükség, mert különben a felosztás lehet több képből (a tény, hogy MouseOut esemény nem kerül rögzítésre, ha a felhasználó mozgatja a kurzort egy kép az ablakon kívülre).