Imaginea de obiect
Imaginile de pe pagina web
Din păcate, urmăriți un index al tuturor imaginilor poate fi dificil, mai ales dacă pe aceeași pagină sunt multe. Această problemă este rezolvată prin numirea imaginilor propriilor lor nume. Deci, dacă declarați o imagine cu tag-ul
atunci puteți să-l contactați prin scris
Se încarcă imagini noi
Aici încărcate imagine img1.gif și primește numele myImage. Următoarea linie img1.gif Imaginea anterioară este înlocuită cu o nouă mai - img2.gif.
Cu această nouă imagine are întotdeauna aceeași dimensiune, care a fost în vechi. Și nu poți schimba dimensiunea câmpului în care se află imaginea.
Preîncărcarea imaginea
Dar acum imaginea a fost imediat eliminat din memoria cache și afișate pe ecran. Astfel, acum am reușit să preîncărcați imaginea.
Desigur, browser-ul trebuie să aibă timpul terminat preîncărcarea pentru a fi capabil să afișeze o imagine fără întârziere. Prin urmare, în cazul în care aveți nevoie pentru a preîncărca un număr mare de imagini, aceasta poate fi amânată, deoarece browser-ul este ocupat de încărcare toate imaginile. Ar trebui să ia întotdeauna în considerare viteza conexiunilor la Internet - nu se va descărca imagini mai repede dacă utilizați codul afișat. Noi doar încercăm să încărcați o imagine puțin mai devreme - astfel încât utilizatorul să le poată vedea mai devreme. Ca urmare, întregul proces de a merge mai lin.
Editarea imaginilor în legătură cu evenimentele ridicate de cititor
Codul sursa al acestui exemplu este după cum urmează:
Acest script să-și păstreze flexibilitatea sa, ar trebui să urmeze două condiții:- Numărul nedefinite de imagini - nu ar trebui să conteze cât de mult au folosit, 10 sau 100
- Pentru nedefinită de imagini urmează - ar trebui să fie posibil să se modifice această procedură, fără a schimba codul în sine
Acest script pune toate imaginile într-o matrice poze. Creează presarcina funcția de matrice (), care se numește chiar la început. preîncărcare apel () funcția arata ca:
Acest lucru înseamnă că script-ul ar trebui să încarce cele două imagini de la server: img1f.gif și img1t.gif. Prima dintre ele - aceasta este imaginea care va fi prezentat, în timp ce cursorul mouse-ului nu se află în interiorul zonei de imagine. Atunci când utilizatorul plasează cursorul mouse-ului deasupra imaginii, devine a doua imagine. Când funcția este numită preload () ca primul argument, precizam cuvântul „LINK1“, și cere, astfel, pe pagina web a obiectului Image, care va fi deținută de cele două imagini preîncărcate. Dacă te uiți la exemplul nostru, în secțiunea
, veți găsi o imagine cu același nume de LINK1. Noi nu folosim un număr de serie, precum și numele imaginii, pentru a putea rearanja imaginile de pe pagina web, fără a schimba script-ul în sine.Ambele funcții (pe) și (off) sunt cauzate de evenimente onMouseOver stivuitoare si onMouseOut. Deoarece imaginea în sine nu poate reacționa la evenimente mouseover si MouseOut, atunci trebuie să facem aceste imagini chiar și link-uri.
Puteți vedea că funcția pe () returnează toate imaginile cu excepția celor indicate în starea inițială. Acest lucru este necesar deoarece în caz contrar alocarea poate fi mai multe imagini (faptul că MouseOut eveniment nu vor fi înregistrate, în cazul în care utilizatorul deplasează cursorul dintr-o imagine direct în afara ferestrei).