Imagine obiect în JavaScript
Designer în obiectul Image este aproape niciodată folosit (și este un clasic). Metodele el presentedin (moștenit de la obiect Object), dar nimic interesant în sine nu reprezintă. Prin urmare, în acest articol ne vom uita la cel mai important obiect din imagine - proprietățile sale.
Înainte de a începe procesarea imaginii pe care trebuie să-l creați. Desigur, crearea are loc în HTML. atât de familiar eticheta:
După cum puteți vedea, acces la obiect Imaginea este foarte simplu: Document obiect primul pishitsya. și apoi proprietatea sa la numele imaginii obiectului (numele am specificat în atributul „numele“). Ca urmare a acestui scenariu, veți vedea: „[HTMLImageElement obiect]“. Ea a lucrat metoda toString (). dar, cu toate acestea, uita ce am scris - acesta este un subiect pentru articole viitoare.
ATENȚIE: Care trebuie să fie o regulă foarte importantă: nu se întoarce la ceea ce nu există încă. Ce concluzie se poate face din aceasta? Foarte simplu: atâta timp cât imaginea nu este creată, ea nu poate fi procesată. Asta este, nu puteți rula scriptul prezentat aici, înainte de imaginea a apărut. La acest naparyvayutsya foarte des nou-veniți, așa că nu uitați că înainte de a putea utiliza orice, aveți nevoie pentru a începe este de a crea.
Acum, du-te la proprietățile. Să începem cu proprietățile frontierei. Această proprietate este responsabil pentru dimensiunea cadrului în jurul imaginii. Desigur, se poate și să citească și să scrie. Să modificați dimensiunea cadrului imaginii:
document.write ( "Lățimea imaginii -" + document.img.width + "
„);
document.write ( "Înălțimea imaginii -" + document.img.height);
Ultima caracteristică pe care îl considerăm - l src. Această proprietate este responsabil pentru calea către imaginea. Și să vă rezolva următoarea problemă: există o imagine și un buton. Când faceți clic pe modificările de imagine.
Acum, voi explica modul în care funcționează acest script. În primul rând, vom descrie funcția în sine. Creează un steag variabil. Acesta este un steag, care este pornit prin schimbarea imaginii. Apoi, există o changeImage funcție (). și care se ocupă cu schimbarea imaginii. Este atribuit calea imaginii imaginii, ceea ce corespunde cu pavilion. După schimbarea modificărilor de imagine, iar valoarea drapelului (care a fost o altă imagine data viitoare). În afara formei script-ul este creat cu un singur clic. Aici, să acorde o atenție la atributul „onClick“. Acest atribut este responsabil pentru manipularea evenimente „Faceți clic pe butonul mouse-ului.“ Evenimentele vor fi discutate separat, dar nu este suficientă pentru a înțelege principiul. Valoarea funcției de cost atributului „onClick“ să fie executat prin apăsarea butonului. Astfel, noi și schimbările de imagine. Sper explicat în mod clar.
Pentru a lucra imaginea, este necesar să se specifice calea corectă. În cazul în care script-ul este într-un loc diferit (de exemplu, în orice folder), atunci calea va fi diferit. Și Java nu este nimic de pe acest site, niciodată nu a fost și este puțin probabil să fie.
Bună ziua, Michael! despre trecerea imaginilor atunci cand este apasat. Cum de a face trecerea a participat la trei imagini. Aveti nevoie de ceva de-a face cu steagul variabil? adăuga condiții?
Trei mai complicate. Aici este mai bine să ai un tablou cu toate imaginile și dă clic pentru a trage elementul următor. Plus ar trebui să fie stocate într-o variabilă globală este elementul activ curent (cel mai bun indice în matrice).
Poti, dar dacă aveți nevoie de 10 de imagini, chinul în acest mod de a face.
Calea trebuie să fie specificate în raport, și chiar și cu atât mai mult, fără personaje și spațiile românești.
Michael, spune-mi. Un obiect are o proprietate imagine de fundal. Vreau calea fișierului (URL) poate fi setat cu schimbarea. Cum de a face acest lucru? path = 'image / im1.jpg'; document.getElementById ( 'IM1') style.background-image = 'url (cale)' .; Acest cod nu funcționează, deoarece imaginea este căutată calea.
bacgkground-image = cale; - ca aceasta incercare.