carregando imagens em javascript
DESCRIPTION
Usando a função onload do Java Script.TRANSCRIPT
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 1/142
Kjh`jtrdg
Jufidcdgeg ]igegNhæh Iufgs @grqujs Agrahsg
FHIJËÆH CH ]QHLJVVHQ CJ @GSJ@ÇSDFGVHFDJCGCJ AQGVDIJDQG CJ @GSJ@ÇSDFG
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 2/142
Kjh`jtrdg Jufidcdgeg ]igegNhgh Iufgs @grqujs Agrahsg
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 3/142
Fhpyrdkot f, 744: ay Nhgh @grqujs Iufgs Agrahsg
GGdcg @grqujs Agrahsg,quj `j frdhu defjetdvgechh dcjgi pjih `gkdst³jrdh.
Fgpg> Qhchilh FgpjthQjd prjssgh> Gkhsth cj 744;D`prjssgh> Vjkrgf (377-;=;;)
DVAE 0 ?:-?:?7?-=1-<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 4/142
]QJL³GFDH
Jstg ³j u`g jcd¿fgh rjvdstg ch idvrh cj `js`h tdtuih quj jsfrjvd o³g fjrfgcj vdetj gehs j quj lhd puaidfgch, j` sufjssdvgs d`prjsshjs, eg fhij¿fgh Lue-cg`jeths cj @gtj`³gtdfg Jij`jetgr cg Vhfdjcgcj Argsdijdrg cj @gtj`³gtdfg.
G rjvdsgh fhesdstdu jssjefdgi`jetj eg gitjrg¿fgh ch jeuefdgch cj gikuesjxjrf³ķfdhs j prhaij`gs prhphsths, g fhrrj¿fgh cj gikues jrrhs cj cgtdihkrggj g phss³ķvji defiusgh cj gikues ehvhs...
Gkrgcj¿fh g thchs gqujijs quj `j decdfgrg` jrrhs j jekgehs eh tjxthhrdkdegi j zjrg` sukjsthjs pgrg `hcdfg¿fgh ch `js`h. Lhrg` `gds cj
u`g fjetjeg cj fgrtgs, giku`gs gprjsjetgech g fhetrdaud¿fgh cj tur`gsdetjdrgs cj furshs cj kjh`jtrdg j` quj jij lhd gchtgch. ]hr sjr d`phss³ķvjigqud rjkdstrgr thchs hs sjus eh`js, qujrh gprjsjet³g-ihs eg pjsshg ch `gdsdiustrj chs ijdthrjs, h ]rhljsshr @gelrjch ]jrcdkgh ch Fgr`h, quj `j jevdhuj` 74?< u`g f³hpdg ch idvrh fh` sugs hasjrvg¿fhjs j sukjsthjs, g qugi utdidzjdfh`h rjphsdt³hrdh cj thcgs gs quj `j lhrg` jevdgcgs phstjrdhr`jetj, h qujsd`pidfhu sharj`gejdrg g prjpgrg¿fgh cjstg ehvg jcd¿fgh.
Nhgh Iufgs @grqujs AgrahsgLhrtgijzg, Nuioh cj 7443
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 5/142
FHESJÞCH
DESQHCZËÆH ............................................................................................................................. d
Fgpàtuih 7 ‖ HV G_DH@GV CJ DEFDCÎEFDG J HQCJ@ ........................................................ 7
Jxjrfàfdhs .................................................................................................................................. :
]rhaij`gs .................................................................................................................................. <
Fh`jetçrdhs .............................................................................................................................. ;
Fgpàtuih 1 ‖ G_DH@GV VHAQJ @JCDËÆH CJ VJK@JESHV ............................................... ?
Jxjrfàfdhs ................................................................................................................................ 76]rhaij`gs ................................................................................................................................ 7:
Fh`jetçrdhs ............................................................................................................................ 7<
Fgpàtuih 6 ‖ G_DH@GV VHAQJ @JCDËÆH CJ ÁEKZIHV .................................................. 7;
Jxjrfàfdhs ................................................................................................................................ 11
]rhaij`gs ................................................................................................................................ 13
Fh`jetçrdhs ............................................................................................................................ 1:
Fgpàtuih 3 ‖ FHEKQZÎEFDGV ................................................................................................. 1<
Jxjrfàfdhs ................................................................................................................................ 61
]rhaij`gs ................................................................................................................................ 6:
Fh`jetçrdhs ............................................................................................................................ 6;
Fgpàtuih : ‖ H SJHQJ@G CH ÁEKZIH J_SJQEH J VZGV FHEVJWZÎEFDGV ............ 6?
Jxjrfàfdhs ................................................................................................................................ 34
]rhaij`gs ................................................................................................................................ :7
Fh`jetçrdhs ............................................................................................................................ :3
Fgpàtuih < ‖ H G_DH@G CGV ]GQGIJIGV ........................................................................... :?
Jxjrfàfdhs ................................................................................................................................ <?
]rhaij`gs ................................................................................................................................ ;=
Fh`jetçrdhs ............................................................................................................................ ;1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 6/142
Fgpàtuih ; ‖ VJ@JIOGEËG CJ SQDÁEKZIHV .................................................................... ;:
Jxjrfàfdhs ................................................................................................................................ ?1
]rhaij`gs ................................................................................................................................ ?3
Fh`jetçrdhs ............................................................................................................................ ?:
Fgpàtuih ? ‖ H FÀQFZIH ........................................................................................................... ?<
Jxjrfàfdhs ................................................................................................................................ 4;
]rhaij`gs .............................................................................................................................. 7=1
Fh`jetçrdhs .......................................................................................................................... 7=<
Fgpàtuih 4 ‖ LZEËÚJV SQDKHEH@ÄSQDFGV ..................................................................... 7=4
Jxjrfàfdhs .............................................................................................................................. 77;
Fh`jetçrdhs .......................................................................................................................... 77?
Fgpàtuih 7= ‖ ÇQJG ................................................................................................................. 774
Jxjrfàfdhs .............................................................................................................................. 71;
]rhaij`gs .............................................................................................................................. 71?
Fh`jetçrdhs .......................................................................................................................... 76=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 7/142
.
DESQHCZF¿GH
Jstj idvrh lhd jsfrdth pgrg sjrvdr cj tjxth g u`g cdsfdpideg cj Kjh`jtrdg
pgrg giuehs cj furshs cj idfjefdgturg j` @gtj`³gtdfg. Jij fhet³j` h `g-
tjrdgi pgcrgh cj u` fursh cj Kjh`jtrdg Jufidcdgeg ]igeg, jxfjtugech-sj
hs t³hpdfhs rjigtdvhs g `hvd`jeths j g fhestru¿fgh cj kurgs fh` r³jkug j
fh`pgssh. Jstj `gtjrdgi sjr³g defiu³ķch eu`g vjrsgh luturg cjstj tjxth.
Hs gxdh`gs gchtgchs sgh gqujijs sjijfdhegchs phr G.\. ]hkhr³jihv eh sju
idvrh ’Kjh`jtrdg Jij`jetgi‐. Jstjs gxdh`gs tj` g vgetgkj` cj ijvgrj`
h giueh rgpdcg`jetj ghs tjhrj`gs `gds d`phrtgetjs cg Kjh`jtrdg ]igeg.J` gikues fgshs jijs jstgh jeuefdgchs cj lhr`g `gds g`pig ch quj sjrdg
ejfjss³grdh. ]hr jxj`pih, u` cjijs gr`g quj, cgcg u`g rjtg jxdstj phe-
ths sharj jig j pheths lhrg cjig. Cj lgth sjrdg sufdjetj phstuigr gpjegs g
jxdstjefdg cj chds pheths sharj g rjtg j u` pheth lhrg cjig. Hs gxdh`gs
sharj `jcdgh cj sjk`jeths j `jcd¿fgh cj gekuihs sgh jxtrj`g`jetj vgetg-
nhshs ch pheth cj vdstg `jthchi³hkdfh. ]rd`jdrg`jetj jijs jvdtg` h trgagioh
cj jstgajijfjr hs fhefjdths cj `jcdcgs cj sjk`jeth j cj `jcdcg cj gekuihs.³J sgadch quj g detrhcu¿fgh cjstjs fhefjdths, qugech sj lgz ush cj u`g gx-
dh`³gtdfg fi³gssdfg, fhestdtud-sj eu` prhaij`g egcg sd`pijs j quj rjqujr g
utdidzg¿fgh cj `jdhs defjss³ķvjds gh giueh, phr sug prhluecdcgcj. Vjkuech,
gtrgv³js chs gxdh`gs cj `jcd¿fgh, defhrphrg-sj g grdt`³jtdfg j g ³gikjarg jij-`jetgr gh grsjegi cj `jdhs utdidz³gvjds pgrg gs cj`hestrg¿fhjs chs tjhrj`gs
cg Kjh`jtrdg.
G detrhcu¿fgh ch qudeth phstuigch, fgrgftjr³ķstdfh cg Kjh`jtrdg Jufidcd-
geg, ³j rjtgrcgcg gt³j h fgp³ķtuih <. Gssd`, hs tjhrj`gs hatdchs gt³j h fgp³ķtuih
: sgh v³gidchs j` u`g kjh`jtrdg egh Jufidcdgeg j` quj sjng` vjrcgcjdrhs
hs qugtrh prd`jdrh gxdh`gs. Ejstj gspjfth jstj idvrh phcjrdg sjr fhesdcjr-
gch fh`h u` tjxth prjid`degr g u` fursh cj Kjh`jtrdg e gh Jufidcdgeg hu
sjrvdr fh`h lhetj cj rjljrjefdg pgrg giuehs cgqujijs furshs.
H idvrh jst³g hrkgedzgch j` 7= fgp³ķtuihs. Fgcg u` cjijs fhet³j`, gi³j`
cg pgrtj cj fhetj³uch, u`g rjig¿fgh cj jxjrf³ķfdhs, u`g cj prhaij`gs j u`
tjxth cjeh`degch ’Fh`jet³grdh‐. G sjpgrg¿fgh cgs qujsthjs prhphstgs ghsgiuehs, j` prhaij`gs j jxjrf³ķfdhs, lhd ljdtg, j` prdef³ķpdh, fhesdcjrgech-sj
quj hs prhaij`gs fh`pij`jetg` g tjhrdg j tj` u` fgr³gtjr `gds fhefjdtugi,
jequgeth quj jxjrf³ķfdhs cjstdeg` sj `gds g xg¿fgh ch fhetj³uch gprjsjetgch.
Hs fh`jet³grdhs fhestdtuj`-sj eu`g sjij¿fgh cj pjqujehs t³hpdfhs, quj egh
lgzj` pgrtj ch fhetj³uch ch idvrh, `gs quj tj` sdch cj `udtg utdidcgcj eg
lhr`g¿fgh chs giuehs ch fursh cj Kjh`jtrdg quj tjeoh ijfdhegch. Defjetdvgch
phr jijs lud ijvgch g defiudr gikues cjstjs pjqujehs t³hpdfhs ejstj idvrh.
Gh egidzgr jstg detrhcu¿fgh khstgrdg cj gkrgcjfjr gh prhljsshr Nhs³j Juey
@hrjdrg, quj iju frdtdfg`jetj g vjrsgh `geusfrdtg cjstj tjxth, j g `deog
d
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 8/142
jsphsg Fdrg quj `j defjetdvhu g jsfrjvj-ih.
Nhgh Iufgs @grqujs Agrahsg
Lhrtgijzg, `gdh cj 74?:
dd
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 9/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
FG]³DSZIH 7
HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
Gs kurgs kjh`³jtrdfgs jij`jetgrjs, eh pigeh, sgh hs pheths j gs rjtgs.H pigeh ³j fhestdtu³ķch cj pheths j gs rjtgs sgh suafhenueths cdstdekudchscj pheths ch pigeh. ]heths j rjtgs ch pigeh sgtdslgzj g fdefh kruphs cjgxdh`gs quj sjrgh gprjsjetgchs gh ihekh cjstj j chs pr³hxd`hs fgp³ķtuihs.
H prd`jdrh kruph cj gxdh`gs ³j fhestdtu³ķch pjihs gxdh`gs cj defdcjefdg .
Gxdh`g D7. Wugiqujr quj sjng rjtg jxdstj` pheths quj pjr-tjefj` mg rjtg j pheths quj egh pjrtjefj` mg rjtg.
Gxdh`g D1. Cgchs chds pheths cdstdeths jxdstj u`g ³uedfg rjtgquj fhet³j` jstjs pheths.
Wugech cugs rjtgs tj` u` pheth j` fh`u` cdz-sj quj jigs sj detjrfjp-
tg` hu quj jigs sj fhrtg` egqujij pheth.
7.7 ]rhphsd¿fgh. Cugs rjtgs cdstdetgs hu egh sj detjrfjptg` hu sjdetjrfjptg` j` u` ³uedfh pheth.
]rhvg. Vjng` ` j e cugs rjtgs cdstdetgs. G detjrfjssgh cjstgs cugsrjtgs egh phcj fhetjr chds (hu `gds) pheths, ch fhetr³grdh, pjih gxdh`g D1,jigs fhdefdcdrdg`. Ihkh g detjrfjssgh cj ` j e ³j vgzdg hu fhet³j gpjegs u`pheth.
D`gkdej`hs u` pigeh fh`h g supjrl³ķfdj cj u`g lhiog cj pgpji quj sjjstjecj deedtg`jetj j` thcgs gs cdrj¿fhjs. Ejig u` pheth ³j rjprjsjetgch
phr u`g pjqujeg `grfg prhcuzdcg pjig phetg cj u` i³gpds, qugech prjs-sdhegcg sharj h pgpji. H cjsjeoh cg pgrtj cj u`g rjtg ³j ljdth fh` h gux³ķidhcj u`g r³jkug.
G A
Ldkurg 7.7
7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 10/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
Gh jstucgr`hs kjh`jtrdg ³j fh`u` lgzjr-sj ush cj cjsjeohs. E³hs `js-
`hs lgrj`hs ush jxtjesdvh cj cjsjeohs gh ihekh cjstgs ehtgs. H ijdthr, ehjetgeth, cjvj sjr gcvjrtdch, cjscj ihkh, quj hs cjsjeohs cjvj` sjr fhesdc-jrgchs gpjegs fh`h u` destru`jeth cj gnucg mg ehssg detud¿fgh j idekugkj`.
Ztdidzgrj`hs ijtrgs `gd³usfuigs G, A, F, ... pgrg cjsdkegr pheths, j ijtrgs`deusfuigs g, a, f, ... pgrg cjsdkegr rjtgs.
G
AF
`
e
Ldkurg 7.1
]hr jxj`pih, eg kurg gfd`g jstgh rjprjsjetgcgs trjs pheths> G, A jF, j cugs rjtgs ` j e . H pheth G ³j h pheth cj detjrfjssgh cgs cugs rjtgs.G kurg sjkudetj gprjsjetg u`g rjtg j trjs pheths G, A j F cjstg rjtg. Hpheth F ihfgidzg-sj jetrj G j A hu, jqudvgijetj`jetj, hs pheths G j A jst˙ gh
sjpgrgchs pjih pheth F.
F AG
Ldkurg 7.6
G eh¿fgh cj quj u` pheth ihfgidzg-sj jetrj chds hutrhs ³j u`g rjig¿fgh,jetrj pheths cj u`g `js`g rjtg, quj sgtdslgz ghs gxdh`gs DD7, DD1 j DD6gprjsjetgchs g sjkudr. Jstjs sgh rjljrdchs fh`h gxdh`gs cj hrcj` .
Gxdh`g DD7. Cgchs trjs pheths cj u`g rjtg, u` j gpjegs u` cjijsihfgidzg-sj jetrj hs hutrhs chds.
7.1 Cjed¿fgh. H fhenueth fhestdtu³ķch phr chds pheths G j A j phr
thchs hs pheths quj sj jefhetrg` jetrj G j A ³j fog`gch sjk`jeth GA. Hspheths G j A sgh cjeh degchs jxtrj`hs hu jxtrj`dcgcjs ch sjk`jeth.@udtgs kurgs pigegs sgh fhestru³ķcgs usgech-sj sjk`jeths. G `gds sd`-
pijs cjigs ³j h trdgekuih quj ³j lhr`gcg phr trjs pheths quj egh pjrtjefj` gu`g `js`g rjtg j pjihs trjs sjk`jeths cjtjr`degchs phr jstjs trjs pheths.Hs trjs pheths sgh fog`gchs v³jrtdfjs ch trdgekuih j hs sjk`jeths, igchs chtrdgekuih.
1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 11/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
G
A
F
Ldkurg 7.3
7.6 Cjed¿fgh. Vj G j A sgh pheths cdstdeths, h fhenueth fhestdtu³ķchpjihs pheths ch sjk`jeth GA j phr thchs hs pheths F tgds quj A jefhetrg-sjjetrj G j F, ³j fog`gcg cj sj`d-rjtg cj hrdkj` G fhetjech h pheth A, j ³jrjprjsjetgch phr VGA . H pheth G ³j jetgh cjeh`degcg hrdkj` cg sj`d-rjtg
VGA
G A
Ldkurg 7.:
Hasjrvj quj chds pheths G j A cjtjr`deg` cugs sj`d-rjtgs VGA j VAGgs qugds fhetj` h sjk`jeth GA.
G A
Ldkurg 7.<
7.3 ]rhphsd¿fgh.
g) VGA ∮ VAG ³j g rjtg cjtjr`degcg phr G j A2
a) VGA ∤ VAG 0 GA.
]rhvg. (g) Vjng ` g rjtg cjtjr`degcg phr G j A. Fh`h VGA j VAG sgh
fhestdtu³ķcgs cj pheths cg rjtg ` , jetgh VGA ∮ VAG ⊁ ` . ]hr hutrh igch, sjF ³j u` pheth cg rjtg ` jetgh, cj gfhrch fh` h gxdh`g DD7, u`g cgs trjsphssdadidcgcjs jxfiusdvgs hfhrrj>
7) F jst³g jetrj G j A
1) G jst³g jetrj A j F
6) A jst³g jetrj G j F
6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 12/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
Eh fgsh (7), F pjrtjefj gh sjk`jeth GA. eh fgsh (1), F pjrtjefj g VAG2
j eh fgsh (6), F pjrtjefj VGA. ]hrtgeth, j` qugiqujr fgsh, F pjrtjefj gVGA ∮ VAG.
G prhvg cj (a) ³j cjdxgcg fh`h jxjrf³ķfdh pgrg h ijdthr.
Gxdh`g DD1. Cgchs chds pheths G j A sj`prj jxdstj`> u` pheth Fjetrj G j A j u` pheth C tgi quj A jst³g jetrj G j C.
Z`g fhesjqujefdg d`jcdgtg cjstj gxdh`g ³j quj, jetrj qugdsqujr chdspheths cj u`g rjtg, jxdstj u`g deedcgcj cj pheths. Sg`a³j` ³j u`g fhe-sjqujefdg cjij quj u`g sj`d-rjtg VGA fhet³j` u`g deedcgcj cj pheths
gi³j` cgqujijs fhetdchs eh sjk`jeth GA.
Fhesdcjrj u`g rjtg ` j chds pheths G j A quj egh pjrtjefj` g jstgrjtg. Cdrj`hs quj G j A jst˙ gh j` u` `js`h igch cg rjtg ` sj h sjk`jethGA egh g detjrfjptg.
7.: Cjed¿fgh. Vjng` ` u`g rjtg j G u` pheth quj egh pjrtjefj` g
` . H fhenueth fhestdtu³ķch pjihs pheths cj ` j phr thchs hs pheths A tgdsquj G j A jstgh j` u`g `js`h igch cg rjtg ` ³j fog`gch sj sj`d-pigeh
cjtjr degch phr ` fhetjech G, j sjr³g rjprjsjetgch phr ]`G
Gxdh`g DD6. Z`g rjtg ` cjtjr`deg jxgtg`jetj chds sj`d-pigehs cds-tdeths fung detjrfjssgh ³j g rjtg ` .
G
`
Ldkurg 7.;
3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 13/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
J_JQF³DFDHV
7. Vharj u`g rjtg `grquj qugtrh pheths G, A, F j C, j` hrcj`, cgjsqujrcg pgrg g cdrjdtg. Cjtjr`dej>
g) GA ∮ AFa) GA ∤ AFf) GF ∤ ACc) GA ∤ FC
j) V GA ∤ V AF l) V GA ∤ V GCk) V FA ∤ V AF j) V GA ∮ V AF
1. Wugeths pheths fh`ues g pjih `jehs cugs rjtgs phcj tjr u` fhenuethcj 6 rjtgs eh pigeh8 J u` fhenueth cj 3 rjtgs ch pigeh8
6. ]rhvj h dtj` (a) cg prhphsd¿fgh (7.3).
3. ]rhvj g gr`g¿fgh ljdtg, eh tjxth, cj quj jxdstj` deedths pheths j`u` sjk`jeth.
:. Vjng` ] 0 {g,a,f}, `7 0 {g, a}, `1 0 {g, f}, `6 0 {a, f}. Fog`j
] cj pigeh j `7, `1 j `6 cj rjtgs. \jrdquj quj ejstg ’kjh`jtrdg‐ vgij hgxdh`g D1.
Cjed¿fgh>Z` suafhenueth ch pigeh ³j fhevjxh sj h sjk`jethidkgech qugdsqujr chds cj sjus pheths jst³g thtgi`jetjfhetdch ejij.
<. Hs jxj`pihs `gds sd`pijs cj fhenueths fhevjxhs sgh h pr³hprdh pigehj qugiqujr sj d-pigeh. @hstrj quj g detjrsj¿fgh cj chds sj`d pigehs ³j u`fhevjxh.
;. `hstrj quj g detjrfjssgh cj e sj`d-pigehs ³j gdecg u` fhevjxh.
?. @hstrj, jxdadech u` fhetrg jxj`pih, quj g uedgh cj fhevjxhs phcjegh sjr u` fhevjxh.
4. Srjs pheths egh fhidejgrjs cjtjr`deg` trjs rjtgs. Wugetgs rjtgssgh cjtjr`degcgs phr qugtrh pheths sjech quj qugdsqujr trjs cjijs sgh eghfhidejgrjs8
7=. Qjpdtg h jxjrf³ķfdh getjrdhr pgrg h fgsh cj < pheths.
:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 14/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
]QHAIJ@GV
7. Cdsfutg g sjkudetj qujstgh utdidzgech gpjegs hs fheojfd`jeths kjh`³jtrdfhsjstgajijfdchs, gt³j gkhrg, ejstgs ehtgs> ’Jxdstj` rjtgs quj egh sj dtjrfjp-tg`‐8
1. ]rhvj quj, sj u`g rjtg detjrfjptg u` igch cj u` trdgekuih j eghpgssg phr ejeou` cj sjus v³jrtdfjs, jetgh jig detjrfjptg tg`a³j` u` chshutrhs chds igchs.
6. Qjpdtg h jxjrf³ķfdh 1 pgrg h fgsh cj : j < rjtgs. Lg¿fg u`g fhenjfturgcj qugi sjr³g g rjsphstg eh fgsh cj e rjtgs.
3. @hstrj quj egh jxdstj u` jxj`pih cj u`g ’kjh`jtrdg‐ fh` < pheths,j` quj sjng` vgidchs hs gxdh`gs D7 j D1 j j` quj thcgs gs rjtgs tjeog`jxgtg`jetj 6 pheths.
:. Vj F pjrtjefj g V GA j F 0 G, `hstrj quj> V GA 0 V GF , quj AF ⊁V GA j quj G /∏ AF .
<. Cj`hestrj quj g detjrsj¿fgh cj fhevjxhs gdecg ³j u` fhevjxh.
;. @hstrj quj u` trdgekuih sjpgrg h pigeh j` cugs rjkdhjs, u`g cgsqugds ³j fhevjxg.
?. Kjejrgidzj hs jxjrf³ķfdhs 77 j 71 pgrg h fgsh cj e pheths.
4. ]hcj` jxdstdr chds sjk`jeths cdstdeths tjech chds pheths j` fh`u`8J tjech jxgtg`jetj chds pheths j` fh`u`8
<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 15/142
KJH@JSQDG JZFIDCDGEG ]IGEG HV G_DH@GV CJ DEFDCJEFDG J HQCJ@
FH@JES ³GQDH
]grg sj gprjecjr g nhkgr giku` nhkh, tgi fh`h cg`gs, rh, xgcrjz, jtf.,tj`hs quj, dedfdgi`jetj, gprjecjr gs sugs rjkrgs. Z` pgd tjetgech jesdegrsju ioh g nhkgr cg`gs cdr³g gikh fh`h> ’Jstj ³j h tgauijdrh cj cg`gs j jstgssgh gs pjcrgs fh` quj sj nhkg‐, ’Vgh 71 pgrg fgcg nhkgchr‐, ’Gs pjcrgs sghgrru`gcgs eh tgauijdrh gssd .‐, grru`gr³g gs pjcrgs pgrg h ioh. G³ķ n³g tjr³grjfjadch u`g jexurrgcg cj pjrkuetgs ch tdph> ’]hr quj gs pjcrgs s³h fg`egs fgsgs prjtgs8‐, ’]hr quj s³h sgh chzj pjcrgs8‐, ’Ju gfoh `gds ahedtgsgs pjcrgs argefgs egs fgsg prjtgs j gs prjtgs egs fgsgs argefgs, phrquj e gh
³j gssd`8‐, j jtf.Shcgs jstgs pjrkuetgs tj` u`g ³uedfg rjsphstg> ]hrquj jstg ³j u`g cgs
rjkrgs ch nhkh. Vj giku`g cjigs lhr gitjrgcg h nhkh rjsuitgetj, j`ahrg phssgsjr tg`a³j` `udth detjrjssgetj, egh sjr³g `gds h nhkh cj cg`gs.
Hasjrvj quj, gh jesdegr u` tgi nhkh, vhfj cdfdi`jetj cjtjr-sj-dg j`cjsfrjvjr h quj sgh gs pjcrgs. H d`phrtgetj sgh gs rjkrgs ch nhkh, dsth ³j,g `gejdrg cj grru`gr gs pjcrgs eh tgauijdrh, g lhr`g cj `hvj-igs, g lhr`gcj ’fh`jr‐ u`g pjcrg ch gcvjrs³grdh, jtf. Wugiqujr frdge¿fg, gphs ch`degrh nhkh, d`prhvdsgr³g tgauijdrhs fh` rdsfhs eh fogh j utdidzgr³g tg`pdeogs cjkgrrglg, ahthjs, fgrthjs, jtf., fh`h pjcrgs.
Gh frdgr-sj u` cjtjr degch nhkh ³j d`phrtgetj quj sugs rjkrgs sjng`
sufdjetjs j fhestgetjs. ]hr sufdjetj qujrj`hs cdzjr quj gs rjkrgs cjvj`jstgajijfjr h quj ³j pjr`dtdch lgzjr j` qugiqujr sdtug¿fgh quj phssg vdr ghfhrrjr eh cjsjerhigr cj u`g pgrtdcg ch nhkh. ]hr fhesdstjetj qujrj`hscdzjr quj gs rjkrgs egh cjvj` fhetrgcdzjr-sj, hu sug gpidfg¿fgh ijvgr³g gsdtug¿fhjs fhetrgcdt³hrdgs.
Kjh`jtrdg, fh`h qugiqujr sdstj`g cjcutdvh, ³j `udth pgrjfdcg fh` u` nhkh> pgrtd`hs fh` u` fjrth fhenueth cj jij`jeths (pheths, rjtgs, pigehs) j³j ejfjss³grdh gfjdtgr giku`gs rjkrgs a³gsdfgs quj cdzj` rjspjdth ³gs rjig¿fhjs qujsgtdslgzj` jstjs jij`jeths, gs qugds sgh fog`gcgs cj gxdh`gs. H hanjtdvhegi cjstj nhkh ³j h cj cjtjr degr gs prhprdjcgcjs cgs kurgs pigegs j chss³hidchs eh jspg¿fh. Sgds prhprdjcgcjs, fog`gcgs Sjhrj`gs hu ]rhphsd¿fhjs,
cjvj` sjr cjcuzdcgs sh`jetj gtrgv³js ch rgfdhf³ķedh i³hkdfh g pgrtdr chs gx-dh`gs xgchs hu g pgrtdr cj hutrgs prhprdjcgcjs n³g jstgajijfdcgs.
Cj lgth, jxdstj` v³grdgs kjh`jtrdgs cdstdetgs cjpjecjech ch fhenueth cjgxdh`gs xgch. G kjh`jtrdg quj drj`hs jstucgr ejstgs ehtgs ³j fog`gcg cjKjh`jtrdg Jufidcdgeg, j` oh`jegkj` g Jufidcjs quj g cjsfrjvju eh sjuidvrh, cjeh`degch ’Jij`jeths‐.
;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 16/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
FG]³DSZIH 1
G_DH@GV VHAQJ @JCDF¿ GH CJ VJK@JESHV
H destru`jeth utdidzgch pgrg `jcdr fh`prd`jeth cj sjk`jeths ³j g r³jkugkrgcugcg. Eg kurg gagdxh h sjk`jeth GA `jcj 6f`, h sjk`jeth GF `jcj?f`, j h sjk`jeth AF `jcj :f`.
G A F
= 7 1 6 3 : < ; ?
Hasjrvj quj gh pheth A, fhrrjsphecj (eg r³jkug) h e³u`jrh 6 j gh phethF, h eu`jrh ?. G `jcdcg ch sjk`jeth AF ³j hatdcg pjig cdljrje¿fg ?∑6 0 :.³J figrh quj g r³jkug phcjrdg tjr sdch fhihfgcg j` `udtgs hutrgs phsd¿fhjs je³u`jrhs cdljrjetjs fhrrjsphecjrdg` ghs pheths A j F. Eh jetgeth, j` fgcgfgsh, g cdljrje¿fg jetrj jijs sjrdg sj`prj : quj ³j g `jcdcg ch sjk`jeth AF.
Jstjs lgths sgh detrhcuzdchs j` ehssg kjh`jtrdg gtrgv³js cj gxdh`gs.
Gxdh`g DDD7. G thch pgr cj pheths ch pigeh fhrrjsphecj u` e³u`jrh`gdhr hu dkugi g zjrh. Jstj e³u`jrh ³j zjrh sj j s³h sj hs pheths sgh fhdefd-cjetjs.
H e³u`jrh g quj sj rjljrj jstj gxdh`g ³j fog`gch cj cdstgefdg jetrj hspheths hu ³j rjljrdch fh`h h fh`prd`jeth ch sjk`jeth cjtjr`degch pjihschds pheths. Jst³g d`pi³ķfdth eh jeuefdgch ch gxdh`g, g jsfhiog cj u`guedcgcj cj `jcdcg quj sjr³g xgcg cj gkhrg j` cdgetj gh ihekh cjstgs ehtgs.
Gxdh`g DDD1. Hs pheths cj u`g rjtg phcj` sjr sj`prj fhihfgchs j`fhrrjsphecjefdg adue³ķvhfg fh` hs e³u`jrhs rjgds, cj `hch quj g cdljrje¿fgjetrj jstjs e³u`jrhs `j¿fg g cdstgefdg jetrj hs pheths fhrrjsphecjetjs.
Jstj gxdh`g aj` phcjrdg rjfjajr h gpjidch cj gxdh`g cg ’r³jkug deedtg‐phds, gh jstgajijfjr g fhrrjsphecjefdg adue³ķvhfg jetrj hs e³u`jrhs rjgds jhs pheths cg rjtg, g pr³hprdg rjtg threg-sj fh`h quj u`g r³jkug deedtg qujphcj sjr usgcg pgrg `jcdr h fh`prd`jeth cj sjk`jeths ejig fhetdchs.
Gh gpidfgr`hs jstj gxdh`g, h eu`jrh quj fhrrjsphecj g u` pheth cgrjtg ³j cjeh`degch fhhrcjegcg cgqujij pheth.
?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 17/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
Cj gfhrch fh` h gxdh`g DDD7 h fh`prd`jeth cj u` sjk`jeth GA ³j sj`-
prj `gdhr ch quj zjrh. Gssd`, sj g j a sgh gs fhhrcjegcgs cgs jxtrj`dcgcjscjstj sjk`jeth, h sju fh`prd`jeth sjr³g g `gdhr cdljrje¿fg jetrj h `gdhr jh `jehr cjstjs e³u`jrhs. Dsth ³j jqudvgijetj g th`gr-sj g cdljrje¿fg jetrj gj a j` qugiqujr hrcj` j, j` sjkudcg, fhesdcjrgr h sju vgihr gashiuth. E³hsdecdfgrj`hs h fh`prd`jeth ch sjk`jeth GA pjih s³ķ`ahih GA . ]hrtgeth
GA 0 |a ∑ g|
Gxdh`g DDD6 Vj h pheth F jefhetrg-sj jetrj G j A jetgh>
GF + FA 0 GA
Fh` g detrhcu¿fgh chs gxdh`gs DDD7, DDD1 j DDD6, phcj`hs rjigfdhegr ghrcjeg¿fgh chs pheths cj u`g rjtg, detrhcuzdcg gtrgv³js chs gxdh`gs DD7 jDD1, fh` g hrcj` chs e³u`jrhs rjgds. Hs e³u`jrhs rjgds sgh g hrcjeg¿fgh pjigrjig¿fgh ’`jehr ch quj‐ (hu pjig rjig¿fgh ’`gdhr ch quj‐), j lgz sjetdch cdzjr-sj quj u` e³u`jrh f jst³g jetrj chds hutrhs g j a, qugech hfhrrj g 9 f 9 ahu a 9 f 9 g.
1.7 ]rhphsd¿fgh. Vj, j` u`g sj`d-rjtg VGA, fhesdcjrg`hs u` sjk`jethGF fh` GF 9 GA, jetgh h pheth F jstgr³g jetrj G j A.
]rhvg. Fjrtg`jetj h pheth G egh phcj jstgr jetrj A j F, n³g quj A jF jstgh eg `js`g sj`d-rjtg cj hrdkj` G. Vj h pheth A jstdvjssj jetrj G jF jetgh, pjih gxdh`g DDD6, tjr³ķg`hs GA + AF 0 GF j, fh`h fhesjqujefdg,GA 9 GF . @gs jstg cjsdkugicgcj ³j fhetr³grdg g odp³htjsj GF 9 GA. ]hr-tgeth, ³j h pheth F quj jst³g jetrj G j A.
Sjhrj`g> Vjng` G, A j F pheths cj u`g `js`g rjtg fungs fhhrcjegcgssgh, rjspjftdvg`jetj g, a j f. H pheth F jst³g jetrj G j A sj j s³h sj h eu`jrhf jst³g jetrj g j a.
]rhvg. Vj F jst³g jetrj G j A jetgh, pjih gxdh`g DDD6, tj`-sj quj
GF + FA 0 GA , hu sjng
|f ∑ g| + |a ∑ f| 0 |g ∑ a|
7◬ fgsh> \g`hs suphr dedfdgi`jetj quj g 9 a. Ejstj fgsh, cg dkugicgcjgfd`g, hatj`-sj
|f ∑ g| 9 a ∑ g j |a ∑ f| 9 a ∑ g
4
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 18/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
Fh`h fhesjqujefdg, f ∑ g 9 a ∑ g j a ∑ f 9 a ∑ g. ]hrtgeth, f 9 a j
g 9 f. Gssd`, rjsuitg quj f jst³g jetrj g j a.
1◬ fgsh> H fgsh j` quj a 9 g phcj sjr gegidsgch cj `gejdrg ge³gihkg j³j cjdxgch g fgrkh ch ijdthr.
Qjfdprhfg`jetj, sj h e³u`jrh f jst³g jetrj hs e³u`jrhs g j a jetgh>
|f ∑ g| + |a ∑ f| 0 |g ∑ a|
Vjkuj-sj cg³ķ quj GF + FA 0 GA . J` pgrtdfuigr
GF 9 GA j FA 9 GA
Fhesdcjrgech gs sj`d-rjtgs cjtjr`degcgs pjih pheth G. Vj F j A pjr-tjefj` mg `js`g sj`d-rjtg, jetgh ³j u`g fhesjqujefdg cg prhphsd¿fgh getjrdhrquj F jst³g jetrj G j A. Gr`h quj F j A egh phcj` pjrtjefjr gs sj`d-rjtgscdstdetgs, dsth ³j, egh phcj` sjr sjpgrgchs pjih pheth G. Vj jstj lhssj h fgsh,sjrdg h pheth G quj jstgrdg jetrj A j F j tjr³ķg`hs AG + GF 0 A F . @gscg³ķ rjsuitg quj AG 9 AF h quj jst³g j` fhetrgcd¿fgh fh` g cjsdkugicgcj n³ghatdcg gfd`g. Dsth prhvg g gr`g¿fgh j fhefiud g cj`hestrg¿fgh ch tjhrj`g.
1.6 Cjed¿fgh. Fog`g`hs cj pheth `³jcdh ch sjk`jeth GA g u` phethF cjstj sjk`jeth tgi quj GF 0 F A.
1.3 Sjhrj`g. Z` sjk`jeth tj` jxgtg`jetj u` pheth `³jcdh.
]rhvg. (Jxdstjefdg ) Vjng` g j a gs fhhrcjegcgs cgs jxtrj`dcgcjs chsjk`jeth. Fhesdcjrj h eu`jrh f 0 (g + a)/1. Cj gfhrch fh` h gxdh`g DDD1jxdstj u` pheth F cg rjtg quj tj` f phr fhhrcjegcg. Fh`h
GF 0 |g ∑ f| 0
g ∑
g + a
1
0
g
1
∑ a
1
FA 0 |f ∑ a| 0
g + a
1 ∑ a
0
g
1 ∑
a
1
Fhefiu³ķ`hs quj GF 0 FA. Fh`h h eu`jrh (g + a)/1 jst³g jetrj hse³u`jrhs g j a, sjkuj-sj cg prhphsd¿fgh getjrdhr quj F jst³g jetrj G j A. IhkhF ³j h pheth `³jcdh cj GA.
7=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 19/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
(Zedfdcgcj ) Vjng F fh`h hatdch eg prhvg cg jxdstjefdg j sjng F— u` hutrh
pheth ch sjk`jeth GA tgi quj GF 0 AF . Vjng` g, a j f
gs fhhrcjegcgschs pheths G, A j F— rjspjftdvg`jetj. Jetgh tjrj`hs,
(d) eh fgsh j` quj g 9 f 9 a,
f ∑ g 0 a ∑ f
,
(dd) eh fgsh j` quj a 9 f 9 g,
g ∑ f 0 f ∑ a
J` g`ahs hs fgshs g fhefiusgh ³j quj
f 0 g + a
1
Gssd`, j` qugiqujr fdrfuestgefdg, f 0 f j, phrtgeth, pjih gxdh`g DDD1,F 0 F—. Ldfg gssd` prhvgcg g uedfdcgcj ch pheth `³jcdh.
1.: Hasjrvg¿fgh. G eh¿fgh cj cdstgefdg ³j u`g cgs eh¿fhjs `gds a³gsdfgscg kjh`jtrdg. ]jih quj n³g vd`hs jig sgtdslgz ³gs sjkudetjs prhprdjcgcjs>
7) ]grg qugdsqujr chds pheths G j A ch pigeh, tj`-sj GA ≪ =
Gi³j cdssh, GA 0 = sj j sh`jetj sj G 0 A.
1) ]gr qugdsqujr chds pheths G j A tj`-sj quj GA 0 AG. Z`ghutrg d`phrtgetj prhprdjcgcj cg cdstgefdg ³j g cjsdkugicgcj trd-
gekuigr.6) ]grg qugdsqujr trjs pheths ch pigeh G, A j F, tj`-sj GF ≣GA + AF . Dkugicgcj hfhrrj sj j sh`jetj sj F pjrtjefj gh de-tjrvgih GA.
Jstg cjsdkugicgcj sjr³g cj`hestrgcg eh fgp³ķtuih : (vjng h tjhrj`g (:.7=))fh`h fhesjqujefdg chs 3 prd`jdrhs kruphs cj gxdh`gs.
77
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 20/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
1.< Cjed¿fgh. Vjng G u` pheth ch pigeh j r u` eu`jrh rjgi phsdtdvh.
H f³ķrfuih cj fjetrh G j rgdh r ³j h fhenueth fhestdtu³ķch phr thchs hs phethsA ch pigeh tgds quj GA 0 r.
G
A
H
G F A
Ldkurg 1.1
³J u`g fhesjqujefdg ch gxdh`g DDD1 quj phcj`hs trg¿fgr u` f³ķrfuih fh`qugiqujr fjetrh j qugiqujr rgdh.Shch pheth F quj sgtdslgz g cjsdkugicgcj GF 9 r ³j cdth jstgr cjetrh
ch f³ķrfuih. Vj, gh dev³js, GF 5 r, jetgh F ³j cdth jstgr lhrg ch f³ķrfuih. Hfhenueth chs pheths quj jstgh cjetrh ch f³ķrfuih ³j fog`gch cj cdsfh cj rgdhr j fjetrh G.
³J tg`a³j` u`g fhesjqujefdg ch gxdh`g DDD1 quj h sjk`jeth cj rjtgidkgech u` pheth cj cjetrh ch f³ķrfuih fh` u` pheth lhrg ch `js`h tj`u` pheth j` fh`u` fh` h f³ķrfuih.
71
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 21/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
J_JQF³DFDHV
7. Vjng` G, A, F pheths cj u`g rjtg. Lg¿fg u` cjsjeoh rjprjsjetgech-hs, sgajech quj GA 0 6, GF 0 1 j A F 0 :.
1. Qjpdtg h jxjrf³ķfdh getjrdhr, sgajech quj F jst³g jetrj G j A j qujGA 0 ; j GF 0 :.
6. Cjsjeoj u`g rjtg j sharj jig `jrquj chds pheths G j A. Vupheogquj g fhhrcjegcg ch pheth G sjng zjrh j g ch pheth A sjng u`. @grquj
gkhrg chds pheths fungs fhhrcjegcgs sgh 6, :, :/1, 7/6, 6/1, 1, -7, -1, -:,-7/6, -:/6.
3. Vjng` G7 j G1 pheths cj fhhrcjegcgs 7 j 1. Cj g fhhrcjegcg chpheth `³jcdh G6 ch sjk`jeth G7G1. Cj g fhhrcjegcg ch pigeh `³jcdh G3 chsjk`jeth G1G6. Cj g fhhrcjegcg G: ch pheth `³jcdh ch sjk`jeth G6G3.
:.]rhvj quj, sj g
a 0 f
c jetgh
g) g
f 0 a
c j c
a 0 f
g
a)g+ag 0 f+c
c j g∑ag 0 f∑c
f
f) g+a
a 0 f+c
c j g∑a
a 0 f∑c
c
<. Vj p ³j pheth cj detjrfjssgh cj f³ķrfuihs cj rgdh r j fjetrhs j` G j A,`hstrj quj ] G 0 ] A.
;. Zsgech u`g r³jkug j u` fh`pgssh, cjsfrjvg u` `³jthch pgrg fhe-stru¿fgh cj u` trdgekuih fh` chds igchs cj `js`h fh`prd`jeth. (Z` tgitrdgekuih ³j fog`gch cj trdgekuih ds³hsfjijs).
?. Cjsfrjvg u` `³jthch pgrg fhestru¿fgh cj u` trdgekuih fh` hs trjsigchs cj `js`h fh`prd`jeth.
4.@hstrj quj, sj g 9 a jetgh g 9 (g + a)/1 j a 5 (g + a)/1.
7=. ³J phss³ķvji cjsjeogr sj u` trdgekuih fh` igchs `jcdech 6, ? j :8
77. H f³ķrfuih cj rgdh r7 fjetrgch j` G detjrfjptg h f³ķrfuih cj rgdh r1fjetrgch j` A j` jxgtg`jetj chds pheths. H quj sj phcj gr`gr sharj
76
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 22/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
GA8
71. Fhesdcjrj u` fdrfuih cj rgdh r j fjetrh G. Vjng` A j F pheths cjstjf³ķrfuih. H quj sj phcj gr`gr sharj h trdgekuih GAF8
76. Fhesdcjrj u` f³ķrfuih cj rgdh r j fjetrh H. Vjng G u` pheth cjstjf³ķrfuih j sjng A u` pheth tgi quj h trdgekuih HGA ³j jqudi³gtjrh. Wugi ³j gphsd¿fgh ch pheth A rjigtdvg`jetj gh f³ķrfuih8
73. Chds f³ķrfuihs cj `js`h rgdh j fjetrhs G j A sj detjrfjptg` j` chdspheths F j C. H quj phcj sjr gr`gch sharj hs trdgekuihs GAF j GFC8 Jsharj h qugcrdi³gtjrh GFAC8
73
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 23/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
]QHAIJ@GV
7. Cgch u` sjk`jeth GA `hstrj quj jxdstj j ³j ³uedfh, u` pheth F jetrj
G j A tgi quj `(GF )
`(AF ) 0 g hecj g ³j qugiqujr rjgi phsdtdvh.
1.Cjsfrjvg u` `³jthch pgrg hatjr u`g ahg gprhxd`g¿fgh ch fh`prd`jethcj u` f³ķrfuih.
6. ]rhvj g sjkudetj gr`g¿fgh ljdtg eh tjxth> h sjk`jeth cj rjtg idkgech
u` pheth lhrg cj u` fdrfuih fh` u` pheth cjetrh ch `js`h, tj` u` phethj` fh`u` fh` h fdrfuih.
3. Cgch chds pheths G j A j u` eu`jrh rjgi r `gdhr ch quj `(GA), hfhenueth chs pheths F sgtdslgzjech g `(FG) + `(FA) 0 r ³j fog`gch cjjidpsj. Jstgajij¿fg hs fhefjdths cj rjkdgh detjrdhr j cj rjkdgh jxtjrdhr g u`gjidpsj.
:. Z` fhenueth @ cj pheths ch pigeh ³j id`dtgch sj jxdstj u` fdrfuihF tgi quj thchs hs pheths cj @ jstgh cjetrh cj F. ]rhvj quj qugiqujrfhenueth edth cj pheths ³j id`dtgch. ]rhvj tg`a³j` quj sjk`jeths sgh
id`dtgchs. fhefiug h `js`h pgrg trdgekuihs.
<. ]rhvj quj g uedgh cj u`g qugetdcgcj edtg cj fhenueths id`dtgchs ³jgdecg u` fhenueth id`dtgch.
;. @hstrj quj cgch u` pheth ] j u` fhenueth id`dtgch @, jetgh jxdstju` cdsfh fh` fjetrh j` ] quj fhet³j` @. (Hasjrvg¿fgh> jstg`hs gc`dtdechg vgidcgcj cg cjsdkugicgcj trdgekuigr).
?. ]rhvj quj gs rjtgs sgh fhenueths did`dtgchs. (Vukjstgh> usj h prha-ij`g ;.)
7:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 24/142
KJH@ JSQDG JZF IDCDGEG ]IGEG G_DH@ GV VH AQJ @ JCDF¿ GH CJ VJK@JESHV
FH@JES ³GQDH
Gs prd`jdrgs eh¿fhjs kjh`³jtrdfgs surkdrg` qugech h oh`j` vdu-sj fh`-pjidch g jljtugr `jcdcgs, dsth ³j, g fh`pgrgr cdstgefdgs j g cjtjr`degr gscd`jeshjs chs fhrphs quj h rhcjgvg`. Jk³ķpfdhs, Gssdrdhs j Agadihedfhs n³gfheojfdg` gs prdefdpgds kurgs kjh`³jtrdfgs j g eh¿fgh cj gekuih quj usgvg`egs `jcdcgs cj ³grjg j eg Gstrheh`dg.
G `gdhr pgrtj ch cjsjevhivd`jeth cg Kjh`jtrdg rjsuithu chs jslhr¿fhsljdths, gtrgv³js cj `udth s³jfuihs, pgrg fhestrudr-sj u` fhrph cj chutrdegi³hkdfg quj fhrrjigfdheg-sj hs cgchs kjh`³jtrdfhs hatdchs cg hasjrvg¿fgh j `j-
cdcg. ]jih tj`ph cj Jufidcjs (fjrfg cj 6== g.F) g fdjefdg cg Kjh`jtrdgtdeog gifge¿fgch u` jst³gkdh aj` gvge¿fgch. Ch `gtjrdgi gfu`uigch Jufidcjsfh`pdihu hs sjus ’Jij`jeths‐, u` chs `gds eht³gvjds idvrhs n³g jsfrdths.
G kjh`jtrdg, fh`h gprjsjetgcg phr Jufidcjs, lhd h prd`jdrh sdstj`g cjdcjdgs cjsjevhivdch pjih oh`j`, eh qugi u`gs phufgs gr`g¿fhjs sd`pijssgh gc`dtdcgs sj` cj`hestrg¿fgh j jetgh utdidzgcgs pgrg prhvgr hutrgs `gdsfh`pijxgs. Z` tgi sdstj`g ³j fog`gch cjcutdvh. G ajijzg cg Kjh`jtrdg,fh`h u` sdstj`g cjcutdvh, despdrhu oh`jes, cgs `gds cdvjrsgs ³grjgs, ghrkgedzgrj` sug dcjdgs cg `js`g lhr`g. Vgh jxj`pihs cdsth h ’]rdefdpdg‐cj Vdr Dssgf Ejwthe, eh qugi jij tjetg gprjsjetgr g L³ķsdfg fh`h u` sdstj`gcjcutdvh, j g ’³Jtdfg‐ ch ihshlh Vpdehzg.
7<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 25/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
FG]³DSZIH 6
G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
6.7 Cjed¿fgh. Fog`g`hs cj gekuih g kurg lhr`gcg phr cugs sj`d-rjtgs fh` g `js`g hrdkj`.
Ldkurg 6.7
Gs sj`d rjgs sgh fog`gcgs cj igchs ch gekuih j g hrdkj` fh`u`, cjv³jrtdfj ch gekuih. Z` gekuih lhr`gch phr cugs sj`d rjtgs cj u` `js`g
rjtg ³j fog`gch cj ˌ gekuih rgsh.
G
Ldkurg 6.1
Jxdstj` v³grdgs `gejdrgs cdstdetgs cj rjprjsjetgr u` gekuih. ]hr jx-j`pih, h gekuih cg kurg (6.6) phcj sjr cjsdkegch phr A ˌ GF hu F AG. Ghutdidzgr`hs jstg ehtg¿fgh, g ijtrg decdfgtdvg ch v³jrtdfj cjvj sj`prj gpgrjfjr
jetrj gs hutrg cugs, gs qugds rjprjsjetg` pheths cgs sj`d-rjtgs quj lhr`g`h gekuih.
G
A
F
Ldkurg 6.6
7;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 26/142
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 27/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
]grg lgfdidtgr h jeuefdgch ch pr³hxd h gxdh`g, vg`hs cgr g sjkudetj
cjed¿fgh>
6.1 Cjed¿fgh. Cdrj`hs quj u`g sj`d-rjtg cdvdcj u` sj`d-pigeh sjjig jstdvjr fhetdcg eh sj`d-pigeh j sug hrdkj` lhr u` pheth cg rjtg quj hcjtjr`deg.
Gxdh`g D DD:. ³J phss³ķvji fhihfgr, j` fhrrjsphecjefdg adue³ķvhfg, hse³u`jrhs rjgds jetrj zjrh j 7?= j gs sj`d-rjtgs cj `js`g hrdkj` quj cdvdcj`u` cgch sj d-pigeh, cj `hch quj g cdljrje¿fg jetrj jstj eu`jrh sjng g`jcdcg ch gekuih lhr`gch pjigs sj`d-rjtgs fhrrjsphecjetjs.
<=71:
7?= =
H
A
G
Ldkurg 6.<
Gh lgzjr`hs tgi fhrrjsphecjefdg fog`g`hs h eu`jrh quj fhrrjsphecjg u`g cgcg sj`d-rjtg cj fhhrcjegcg cg sj`d-rjtg. Eg kurg (6.<) gfd`g, gsj`d-rjtg VHG tj` fhhrcjegcg <=, g sj`d-rjtg V HA tj` fhhrcjegcg 71:. Cjgfhrch fh` h gxdh`g DDD: g `jcdcg ch gekuih G ˌ HA ³j 71: ∑ <= 0 <:. Jstj ³ju` lgth kjrgi. Vj g j a lhrj` fhhrcjegcgs chs igchs ch gekuih G ˌ HA , jetgh|g∑a| ³j g `jcdcg cjstj gekuih. Decdfgrj`hs u` gekuih j g sug `jcdcg pjih`js`h sd`ahih. Gssd` jsfrjvjrj`hs cj u`g `gejdrg kjrgi
G ˌ HA 0 |g ∑ a|
]grg sdkedfgr quj |g ∑ a| ³j g `jcdcg ch gekuih Gˌ
HA . Hasjrvj quj gssj`d-rjtgs quj lhr`g` u` gekuih rgsh sjrgh sj`prj eu`jrgcgs phr = j 7?=sjech g `jcdcg cj tgds gekuihs sj`prj 7?=◬.
6.6 Cjed¿fgh. Vjng` V HG, V HA j V HF sj`d-rjtgs cj `js`g hrdkj`.Vj h sjk`jeth GA detjrfjptgr V HF cdrj`hs quj V HF cdvdcj h gekuih G ˌ HA .
Gxdh`g DDD<. j u`g sj`d rjtg V HF cdvdcj u` gekuih G ˌ HA , jetgh
G ˌ HA 0 G ˌ HF + F ˌ HA
74
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 28/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
6.3 Cjed¿fgh. Chds gekuihs sgh cdths supij`jetgrjs sj g sh`g cj sugs
`jcdcgs ³j 7?=◬
. H supij`jeth cj u` gekuih ³j h gekuih gcngfjetj gh gekuihcgch hatdch pjih prhihekg`jeth cj u` cj sjus igchs.
H
F
A
G
Ldkurg 6.;
³J figrh quj u` gekuih j sju supij`jeth sgh gekuihs supij`jetgrjs. ³Jtg`a³j` jvdcjetj quj, sj chds gekuihs tj` g `js`g `jcdcg, jetgh h `js`hhfhrrj fh` sjus supij`jeths.
Wugech cugs rjtgs cdstdetgs sj detjrfjptg`, lhr`g` sj qugtrh gekuihs,fh`h decdfgch eg kurg gagdxh. Hs gekuihs G ˌ HA j C ˌ HF sgh hphsths pjih
v³jrtdfj . Ch `js`h `hch h sgh hs gekuihs G ˌ HC j A ˌ HF .
H
G
A
C
F
Ldkurg 6.?
6.: prhphsd¿fgh. Gekuihs hphsths pjih v³jrtdfj tj` g `js`g `jcdcg.
]rhvg. Cj lgth, sj
G ˌ HA j
C ˌ HF sgh gekuihs hphsths pjih v³jrtdfj, jetghjijs tj` h `js`h supij`jeth> G ˌ HC . Ihkh
G ˌ HA + G ˌ HC 0 7?=◬
C ˌ HF + G ˌ HC 0 7?=◬
]hrtgeth G ˌ HA 0 7?=◬ ∑ G ˌ HC 0 C ˌ HF
1=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 29/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
6.< Cjed¿fgh. Z` gekuih fung `jcdcg ³j 4=◬ ³j fog`gch cj ˌ gekuih
rjth.³J figrh quj h supij`jeth cj u` gekuih rjth ³j tg`a³j u gekuih rjth.
Wugech cugs sj`d rjtgs sj detjrfjptg`, sj u` chs qugtrh gekuihs lhr`gchsphr jigs lhr rjth, jetgh thchs hs hutrhs tg`a³j` h sjrgh. Ejstj fgsh cdrj`hsquj gs rjtgs sgh pjrpjecdfuigrjs.
6.; Sjhrj`g. ]hr qugiqujr pheth cj u`g rjtg pgssg u`g ³uedfg rjtgpjrpjecdfuigr g jstg rjtg.
]rhvg. (Jxdstjefdg ). Cgcg u`g rjtg ` j u` pheth G sharj jig, gscugs sj`d-rjtgs cjtjr`degcgs phr G lhr`g` u` gekuih rgsh. Fhesdcjrj u`
chs sj`d pigehs cjtjr`degchs pjig rjtg `. Cj gfhrch fh` gxdh`g DDD:,jetrj thcgs gs sj`d rjtgs fh` hrdkj` G, quj cdvdcj` h sj`d-pigeh xgch,jxdstj u`g fung fhhrcjegcg sjr³g h eu`jrh 4=. Jstg sj`d-rjtg lhr`g, fh`gs cugs sj`d rjtgs cjtjr`degcgs pjih pheth G sharj g rjtg `, gekuihs cj4=◬. ]hrtgeth jig ³j pjrpjecdfuigr g rjtg `
(Zedfdcgcj ). Vupheog quj jxdstdssj` cugs rjtgs e j e pgssgech pjihpheth G j pjrpjecdfuigrjs g `. Ldxj u` chs sj`d-pigehs cjtjr`degchs phr`. Gs detjrfjsshjs cg rjtgs e j e fh` jstj sj`d-pigeh sgh sj`d-rjtgs qujlhr`g` u` gekuih η j, fh`h eg kurg gagdxh, lhr`g` hutrhs chds gekuihsα j ζ fh` gs sj`d rjtgs cjtjr`degcgs pjih pheth G eg rjtg `.
ζ α
η
ee
`
G
Ldkurg 6.4
Fh`h e j e sgh pjrpjecdfuigrjs g ` jetgh α 0 ζ 0 4=◬. ]hr hutrh igch,cjvj`hs tjr η + α + ζ 0 7?=◬. ]hr hutrh igch, cjvj`hs tjr η + α + ζ 0 7?=◬.Ihkh η 0 =◬ j gs rjtgs e j e fhdefdcj`.
17
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 30/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
J_JQF³DFDHV
7. @hstrj quj sj u` gekuih j sju supij`jeth tj` g `js`g `jcdcgjetgh h gekuih ³j rjth.
1. Z` gekuih ³j fog`gch gkuch sj `jcj `jehs cj 4=◬, j ³j hatush sj`jcj `gds cj 4=◬. @hstrj quj h supij`jeth cj u` gekuih gkuch ³j hatush.
3. Chds gekuihs sgh cdths fh`pij`jetgrjs sj sug sh`g ³j u` gekuih rjth.Chds gekuihs sgh fh`pij`jetgrjs j h supij`jeth cj u` cjijs `jcj tgeth
qugeth h supij`jeth ch sjkuech `gds 6=◬
. Wugeth `jcj` hs chds gekuihs8
:.Z`g phidkhegi ³j u`g kurg lhr`gcg phr u`g sjqujefdg cj pheths G7,G1, ..., Ge j pjihs sjk`jeths G7G1, G1G6, G6G3,...,Ge∑7Ge. Hs phethssgh hs v³jrtdfjs cg phidkhegi j hs sjk`jeths sgh hs sjus igchs. Cjsjeoj gphidkhegi GAFC sgajech quj> GA 0 AF 0 FC 0 1.f`, G ˌ AF 0 71=◬ jA ˌ FC 0 7==◬.
<. Z` phi³ķkheh ³j u`g phidkhegi j` quj gs sjkudetjs 6 fhecd¿fhjs sghsgtdsljdtgs> g) Ge 0 G7, a) hs igchs cg phidkhegi sj detjrfjptg` sh`jetj j`sugs jxtrj`dcgcjs j f) chds igchs fh` g `js`g jxtrj`dcgcj egh pjrtjefj`
g u`g `js`g rjtg. Cgs 3 kurgs, sjkudetjs, gpjegs cugs sgh phi³ķkhehs.Cjtjr`dej qugds sgh jigs.
CJ
CF
A
G
J
G
J A
F
C
G
G
A
J C
F
A
F
Z phi³ķkheh cj v³jrtdfj G7, G1, ..., Ge+7 0 G7, sjr³g rjprjsjetgch phr
11
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 31/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
G7GG1G6, ...,Ge. Jij tj` e igchs, e v³jrtdfjs j e gekuihs.
;. Cjsjeoj u` phi³ķkheh cj 3 igchs GAFC tgi quj GA 0 A F 0 F C 0CG 0 1f`, fh` G ˌ AF 0 G ˌ CF 0 7==◬ j fh` A ˌ FC j A ˌ GC 0 ?=◬.
?. H sjk`jeth idkgech hs v³jrtdfjs egh fhesjfutdvhs cj u` phi³ķkheh ³jfog`gch u`g cdgkhegi ch phi³ķkheh. Lg¿fg h cjsjeoh cj u` phi³ķkheh cj sjdsigchs. J` sjkudcg cjsjeoj thcgs gs sugs cdgkhegds. Wugetgs cdgkhegds tjr³gu` phi³ķkheh cj 1= igchs8 J cj e igchs8
4. Z phi³ķkheh ³j fhevjxh sj jst³g sj`prj fhetdch j` u` chs sj`d-pigehscjtjr degchs pjigs rjtgs quj fhetj` hs sjus igchs. Eg kurg sjkudetj h
phi³ķkheh (g) ³j fhevjxh j h (a) ³j egh fhevjxh.
]hi³ķkhehs fhevjxhs rjfjaj` cjsdkeg¿fhjs jspjfdgds. Vgh gs sjkudetjs gscjsdkeg¿fhjs cgcgs g jstjs phi³ķkhehs cj gfhrch fh` sju e³u`jrh cj igchs, gt³j7= igchs.
e◬ cj igchs eh`j ch phi³ķkheh fhevjxh
6 trdgekuih3 qugcrdi³gtjrh: pjet³gkheh< ojx³gkheh
; ojpt³gkheh? hft³gkheh4 ehe³gkheh
7= cjf³gkheh
7=. Cjsfrjvg u` `³jthch, j` quj sj lg¿fg ush gpjegs cj u` fh`pgsshj cj u`g r³jkug egh eu`jrgcg, cj fhestru¿fgh cj u` qugcrdi³gtjrh fh` hsqugtrh igchs cj `js`h fh`prd`jeth. Jstjecg sju `³jthch pgrg h fgsh cj :igchs.
16
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 32/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
]QHAIJ@GV
7. Cgch u` gekuih GHA `hstrj quj jxdstj u`g ³uedfg sj`d-rjtg V HF tgi quj G ˌ HF 0 F ˌ HA . G sj`d rjtg V HF ³j fog`gcg cj adssjtrdz ch gekuihG ˌ HA .
1. @hstrj quj gs adssjtrdzjs cj u` gekuih j ch sju supij`jeth sghpjrpjecdfuigrjs.
6. Cgch u` gekuih G ˌ HA j u` e³u`jrh rjgi phsdtdvh g, = 9 g 9 7, `hstrj
quj jxdstj u`g ³uedfg sj`d-rjtg VHF tgi quj F ˌ HA 0 g»G ˌ HA
3. Cj qugeths krgus `hvj-sj h phetjdrh chs `deuths jequgeth h phetjdrhcgs ohrgs pjrfhrrj u` gekuih rgsh.
:. Cjsfrjvg u` prhfjssh pjih qugi u` cjsjeodstg, sj` usgr u` trgesljrd-chr, phssg ’fhpdgr‐ u` gekuih, dsth ³j, cgch u` gekuih cjsjeogch j` u`glhiog cj pgpji, cjsjng`hs jstgajijfjr u` prhfjcd`jeth pjih qugi phssg`hscjsjeogr u` hutrh gekuih quj sjng fhekrujetj gh prd`jdrh, dsth sj` lgzjrush cj u` trgesljrdchr.
<. Z`g gitjregtdvg pgrg cjedr u` gekuih ³j h cj fhesdcjrgr g detjrfjssghcj sj`d-pigehs. Lhr`gidzj jstg dcjdg. Qjigfdhej fh` ehssg cjed¿fgh.
13
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 33/142
KJH@JSQDG JZFIDCDGEG ]IGEG G_DH@GV VHAQJ @JCDF¿ GH CJ GEKZIHV
FH@JES ³GQDH
Eh sjkuech j prd`jdrh `dijedhs getjs cj Frdsth, fihrjsfjrg` eg @jshphtg`dg(g rjkdgh jetrj hs rdhs Julrgtjs j Sdkrj, h quj oh nj ³j gprhxd`gcg`jetj hDrgquj) v³grdgs fdvdidzg¿fhjs fheojfdcgs, cj u` `hch kjrgi, fh`h fdvdidzg¿fghagadihedfg. Jetrj jigs, g fdvdidzg¿fgh Vu`³jrdg, quj tjvj sju ³gpdfj eh sjkuech`dijedh g.F., j g fdvdidzg¿fgh quj sj cjsjevhivju j` threh cg fdcgcj fog`gcgAgadihedg eh prd`jdrh `dijedh g.F. Hs agadihedhs gashrvjrg` krgecj pgrtjcg fuiturg `gtj`³gtdfg jk³ķpfdg j g jig gfrjsfjetgrg` sugs pr³hprdgs fhequds-tgs. Jetrj jstgs, kurg h thtgi cjsjevhivd jeth cg ³gikjarg jij`jetgr j g
devje¿fgh cj u` sdstj`g cj eu`jrg¿fgh j` quj hs gikgrds`hs tj` u` vgihrcj phsd¿fgh eg krgg chs e³u`jrhs. Jstj `³jthch cj jsfrjvjr hs e³u`jrhs, de-ljidz`jetj egh lhd gashrvdch pjigs fdvdidzg¿fhjs quj sj sjkudrg` mg fdvdidzg¿fghagadihedfg. J` pgssgch `gds rjfjetj jij lhd cjsfhajrth pjihs odecus cj quj`h d`phrtg`hs, gtrgv³js chs ³grgajs.
Jequgeth g agsj cj eu`jrg¿fgh decu jrg cjfd`gi, jxgtg`jetj fh`h utd-idzg`hs ohnj, g agsj cj eu`jrg¿fgh agadihedfg jrg sjxgkjsd gi. Dsth sdkedfgquj jijs utdidzgvg` <= s³ķ`ahihs (gikgrds`hs) cdstdeths pgrg jsfrjvjr thchs hse³u`jrhs. Deljidz`jetj h zjrh jrg rjprjsjetgch phr u`g igfueg h quj thregvg,g ijdturg cj gikues e³u`jrhs, fhelusg. Sgivjz jstg tjeog sdch g cdfuicgcjjssjefdgi, quj ijvhu jstj sdstj`g g egh sjr gashrvdch pjigs fdvdidzg¿fhjs quj
h sufjcjrg` g fdvdidzg¿fgh agadihedfg.]grg jstj phvh, quj utdidzgvg u` sdstj`g cj eu`jrg¿fgh cj agsj <=, lhd
`udth egturgi cdvdcdr h f³ķrfuih j` 6<= pgrtjs (krgu), j fgcg u`g cjstgspgrtjs j` <= pgrtjs (`deuth) j rjpjtdr h prhfjssh pgrg jstgs suapgrtjs.Gssd` h ’krgu‐ ³j u`g devje¿fgh chs agadihedhs, quj jetrg` pgrg g odst³hrdgcg fdjefdg `gtj`³gtdfg, fh` u`g fhetrdaud¿fgh d`phrtgetj quj utdidzg`hs gt³johnj.
1:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 34/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
FG]³DSZIH 3
FHEKQZJEFDG
3.7 Cjed¿fgh. Cdrj`hs quj chds sjk`jeths GA 0 F C sgh fhekrujetjs
qugech GA 0 F C2 cdrj`hs quj chds gekuihs ˌ G j ˌ A sgh fhekrujetjs sj jijstj` g `js`g `jcdcg.
Hasjrvj quj, fh` jstg cjed¿fgh, gs prhprdjcgcjs cg dkugicgcj cj e³u`jrhspgssg` g vgijr pgrg g fhekrujefdg cj sjk`jeths j cj gekuihs. Fh`h fhe-sjqujefdg, u` sjk`jeth ³j sj`prj fhekrujetj g jij `js`h j chds sjk`jeths,fhekrujetjs g u` tjrfjdrh, sgh fhekrujetjs jetrj sd. H `js`h vgijech pgrggekuihs.
]gr sd`pidfgr gh `³gxd`h g ehssg ehtg¿fgh, drj`hs utdidzgr h s³ķ`ahih’0‐ pgrg sdkedfgr fhekrujetj . Gssd` GA 0 FC cjvj sjr idch fh`h GA
³j fhekrujetj g FC j ˌ G 0 ˌ A cjvj sjr idch fh`h gekuih G ³j fhekrujetj
gh ˌ gekuih A. J` kjrgi egh ogvjr³g pjrdkh cj fhelusgh fh` g dkugicgcjcj e³u`jrhs hu cj fhenueths. Wugech ohuvjr, rjlhr¿fgrj`hs fh` pgigvrgs hsdkedfgch ch sd`ahih.
3.1 Cjed¿fgh. Chds trdgekuihs sgh fhekrujetjs sj lhr phss³ķvji jstgajij-fjr u`g fhrrjsphecjefdg adue³ķvhfg jetrj sjus v³jrtdfjs cj `hch quj igchs jgekuihs fhrrjsphecjetjs sjng` fhekrujetjs.
G
A
F
J
LK
Ldkurg 3.7
Vj GAF j JL K sgh chds trdgekuihs fhekrujetjs j sj
G ↓ J
A ↓ L
F ↓ K
1<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 35/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
³j g fhrrjsphecjefdg quj cjej g fhekrujefdg, jetgh vgij`, sd`uitgejg-
`jetj, gs sjds rjig¿fhjs sjkudetjs>
GA 0 JL AF 0 LK GF 0 JK
G 0 J A 0 L F 0 F
Vj, ehs trdgekuihs gagdxh, fhesdcjrgr`hs g fhrrjsphecjefdg F ↓ L , A ↓ C
j G ↓ J , vjrdfg`hs quj ˌ F 0 ˌ L , ˌ A 0 ˌ C , ˌ G 0 ˌ J , FA 0 L C, AG 0 CJ jGF 0 J L . ]hrtgeth, hs trdgekuihs FAG j L CJ sgh fhekrujetjs.
7=:
3:
6
7=:
3:
6=
<
3
6
<
6
3
F
A
G
CJ
L
Ldkurg 3.1
Jsfrjvj`hs GA F 0 J L K pgrg sdkedfgr quj hs trdgekuihs GA F j J L K
sgh fhekrujetjs j quj g fhekrujefdg ijvg G j` J , A j` L j F j` K.
Gxdh`g D\. Cgchs chds trdgekuihs GAF j JL K, sj GA 0 J L , GF 0JK j ˌ G 0 ˌ J jetgh GAF 0 J L K.
Hasjrvj quj, cj gfhrch fh` g cjed¿fgh (3.1), pgrg vjrdfgr`hs sj chdstrdgekuihs sgh fhekrujetjs tj`hs quj vjrdfgr sjds rjig¿fhjs> fhekrujefdg chs
trjs pgrjs cj igchs j fhekrujefdg chs trjs pgrjs cj gekuihs fhrrjsphecjetjs.H gxdh`g gfd`g gr`g quj ³j sufdjetj vjrdfgr gpjegs trjs cjigs, hu sjng>
GA 0 J L
GF 0 J K
G 0 J
⇑
.
GA 0 JL, GF 0 JK, AF 0 L K
G 0 J , F 0 K, A 0 L
Jstj gxdh`g ³j fheojfdch fh`h prd`jdrh fgsh cj fhekrujefdg cj trdˌ gekuihs .Hutrh chds fgshs sjrgh gprjsjetgchs g sjkudr.
1;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 36/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
3.6 Sjhrj`g (1 fgsh cj fhekrujefdg cj trdgekuihs). Cgchs chds
trdgekuihs GAF j J L K, sj GA 0 J L , ˌ G 0 ˌ J j ˌ A 0 ˌ L , jetgh GAF 0 J L K.
]rhvg. Vjng` GAF j JL K chds trdgekuihs tgds quj GA 0 J L , ˌ G 0 ˌ J
j ˌ A 0 ˌ L . Vjng C u` pheth cg sj`d-rjtg V GF tgi quj GC 0 J K.
C
F
G A J
K
L
Ldkurg 3.6
Fhesdcjrj h trdgekuih GAC j h fh`pgrj fh` trdgekuih JL K. Fh`hGC 0 JK, GA 0 JL j ˌ G 0 ˌ J , fhefiu³ķ`hs, pjih gxdh`g D\, quj GAC 0JL K. Fh`h fhesjqujefdg, tj`-sj quj G ˌ AC 0 L. @gs, phr odp³htjsj, ˌ L 0G ˌ AF . Ihkh G ˌ AC 0 G ˌ AF .
Fhesjqujetj`jetj gs sj`d-rjtgs V AC j V AF fhdefdcj . @gs jetgh hpheth C fhdefdcj fh` h pheth F j, phrtgeth, fhdefdcj` hs trdgekuihs GAF
j GAC. Fh`h n³g prhvg`hs quj GAC 0 J L K, jetgh GAF 0 J L K.
3.3 Cjed¿fgh. Z` trdgekuih ³j cdth ds³ hsfjijs sj tj` chds igchs fhekru-jetjs. Jstjs igchs sgh fog`gchs cj igtjrgds , j h tjrfjdrh igch ³j fog`gch cjagsj .
3.: ]rhphsd¿fgh. J` u` trdgekuih ds³hsfjijs hs gekuihs cg agsj sghfhekrujetjs.
]rhvg. Vjng GAF u` trdgekuih j` quj GA 0 GF . ]rjtjecj-sj prhvgrquj ˌ A 0 ˌ F . ]grg dssh fh`pgrj h trdgekuih GAF fh` jij `js`h lgzjechfhrrjsphecjr hs v³jrtdfjs cg sjkudetj `gejdrg>
G ↓ G, A ↓ F j F ↓ A.
]hr odp³htjsj, GA 0 GF j GF 0 GA . Fh`hˌ G 0 ˌ G, sjkuj-sj (pjih gxdh`g D\) quj jstg fhrrj-sphecjefdg cjej u`g fhekrujefdg. Fh`h fhe-sjqujefdg tj`-sj ˌ A 0 ˌ F . A F
G
Ldkurg 3.3
1?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 37/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
Fgsh h ijdthr tjeog giku`g cdfuicgcj j` sjkudr h rgfdhf³ķedh gfd`g, cjvj
cjsjeogr cugs f³hpdgs ch trdgekuih GAF j rjpjtdr h rgfdhf³ķedh pgrg jstjs chdstrdgekuih.
3.< ]rhphsd¿fgh. Vj, j` u` trdgekuih GAF , tj`-sj chds gekuihs fhe-krujetjs, jetgh h trdgekuih ³j ds³hsfjijs.
]rhvg. Vjng GAF j` trdgekuih j` quj ˌ A 0 ˌ F . \g`hs `hstrgr qujGA 0 GF . Ehvg`jetj fh`pgrj`hs h trdgekuih GAF fh` jij pr³hprdh,lgzjech fhrrjsphecjr hs v³jrtdfjs fh`h eg prhvg cg prhphsd¿fgh getjrdhr, dsth³j> G ↓ G, F ↓ F , j F ↓ A. Fh`h ˌ A 0 ˌ F j ˌ F 0 ˌ A phr odp³htjsj, jAF 0 FA, sjkuj-sj (pjih tjhrj`g(3.6)) quj sjng fhrrjsphecjefdg cjej
u`g fhekrujefdg. Fh`h fhesjqujefdg GA 0 A F .
3.; Cjed¿fgh. Vjng GAF u` trdgekuih j sjng C u` pheth cg rjtgquj fhetj` A j F . H sjk`jeth GC fog`g-sj `jcdgeg ch trdgekuih rjig-tdvg`jetj gh igch AF , sj C lhr h pheth `³jcdh cj AF . H sjk`jeth GC
fog`g-sj adssjtrdz ch gekuih ˌ G sj g sj`d-rjtg V GC cdvdcj h gekuih F ˌ GA j`chds gekuihs dkugds, dsth ³j, sj F ˌ GC 0 C ˌ GA . H sjk`jeth GC fog`g-sj gi-
turg ch trdgekuih rjigtdvg`jetj gh igch AF , sj GC lhr pjrpjecdfuigr`jetjg rjtg quj fhet³j` A j F .
Eg kurg (3.:), j` (g) GC ³j `jcdgeg, j` (a) GC ³j adssjtrdz, j j` (f)GC ³j giturg.
A
G
F
C
F
G
A
C
CF
G
A
(g) (a) (f)
Ldkurg 3.:
3.? ]rhphsd¿fgh. J` trdgekuihs ds³hsfjijs j `jcdgcg rjigtdvg`jetj gagsj ³j tg`a³j` adssjtrdz j giturg.
]rhvg. Vjng GAF u` trdgekuih ds³hsfjijs fung agsj ³j GA. Vjng FC
sug `jcdgcg rjigtdvg`jetj mg agsj. Cjvj-sj prhvgr quj G ˌ FC 0 A ˌ FC j quj
14
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 38/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
G ˌ CF ³j u` gekuih rjth. ]grg dsth fhesdcjrj hs trdgekuihs GCF j ACF .
Fh`h GC 0 AC (n³g quj FC ³j `jcdgeg), GF 0 AF (n³g quj h trdgekuih ³jds³hsfjijs fh` agsj GA) j ˌ G 0 ˌ A (cj gfhrch fh` g prhphsd¿fgh getjrdhr), jetghGCF 0 AF C. Vjkuj sj cg³ķ quj G ˌ FC 0 A ˌ FC . G prd`jdrg dkugicgcj ehscdz quj F C ³j adssjtrdz ch gekuih G ˌ FA . Fh`h G ˌ CA ³j u` gekuih rgsh j F ˌ CG
0 A ˌ CF jetgh F ˌ CG + A ˌ CF 0 7?=◬. Fh`h n³g sgaj`hs quj F ˌ CG 0 A ˌ CF
jetgh fhefiu³ķ`hs quj F ˌ CG 0 A ˌ CF 0 4=◬ . ]hrtgeth FC ³j pjrpjecdfuigrg GA. dsth fhefiud g prhvg cg prhphsd¿fgh.
G A
F
C
Ldkurg 3.<
3.4 Sjhrj`g (6◬ fgsh cj fhekrujefdg cj trdgekuihs). Vj chdstrdgekuihs tj` trjs igchs fhrrjsphecjetjs fhekrujetjs jetgh hs trdgekuihssgh fhekrujetjs.
]rhvg. Vjng` GAF j JL K chds trdgekuihs tgds quj GA 0 J L , AF 0L K j GF 0 J K. \g`hs prhvgr quj GAF 0 J L K.
G
F
C
A
K
J L
Ldkurg 3.;
]grg dsth, fhestrug, g pgrtdr cg sj`d-rjtg V GA j eh sj`d-pigeh hphsth ghquj fhet³j` h pheth F , u` gekuih dkugi gh gekuih ˌ J . Eh igch cjstj gekuihquj egh fhet³j` h pheth A, `grquj u` pheth C tgi quj GC 0 J K j idkuj
6=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 39/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
C g A. Fh`h GA 0 JL (phr odp³htjsj), GC 0 JK (phr fhestru¿fgh) j
C ˌ GA 0 J (phr fhestru¿fgh), jetgh GAC 0 JL K. \g`hs gkhrg `hstrgrquj hs trdgekuihs GAC j GAF sgh fhekrujetjs. ]gr dsth trgfj FC. Fh`hGC 0 J K 0 GF j CA 0 L K 0 A F , jetgh hs trdgekuihs GCF j ACF sghds³hsfjijs. Vjkuj-sj quj G ˌ CF 0 G ˌ FC j F ˌ CA 0 C ˌ FA j ihkh quj G ˌ CA 0G ˌ FA . @gs jetgh, pjih prd`jdrh fgsh cj fhekrujefdg cj trdgekuihs, phcj`hsfhefiudr quj GAC 0 J L K, fhefiu³ķ`hs quj GAF 0 J L K.
67
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 40/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
J_JQF³DFDHV
7. Cjsjeoj u` trdgekuih. Fhestrug gkhrg u` hutrh trdgekuih fhekrujetjgh quj vhfj cjsjeohu. Cjsfrjvg h prhfjcd`jeth.
1. Fhestrug u` trdgekuih GA F sgajech quj GA 0 ;.:f`, A F 0 ?.1f`j G ˌ AF 0 ?=◬. @j¿fg h fh`prd jeth cj A F j hs hutrhs gekuihs ch trdgekuih.
6. Eg kurg gh igch hs gekuihs η j α sghdkugds. @hstrj quj GF 0 A F .
η
α
F
G
A
3. Eg kurg g agdxh tj` sj GA 0 GF j AC 0 F J @hstrj quj>
G
A
F
C
J
g) G ˌ FC 0 G ˌ AJ
a) A ˌ FC 0 F ˌ AJ
:. Srjs sgrrglhs cj `gcjdrg sgh prjkgchs, chds g chds, cj `hch g lhr`gr
u` trdgekuih, fh` sh`jetj u` prjkh j` fgcg v³jrtdfj, fh`h decdfgch egkurg sjkudetj
61
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 41/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
G kurg gssd` hatdcg ³j r³ķkdcg8 ]hrquj8]grg fh`pgrg¿fgh fhestrug u` qugcrdi³gtjrh fh` qugtrh sgrrglhs j u`
prjkh j` fgcg v³jrtdfj. ³J jstg kurg r³ķkdcg8
<. Jxpidquj phrquj ³j usugi rjlhr¿fgr-sj u` phrtgh fh` u`g trgvj egcdgkhegi fh`h decdfgch jsquj`gtdfg`jetj eg kurg sjkudetj.
;. Eg kurg gagdxh, GF 0 GC j GA ³j g adssjtrdz ch gekuih F ˌ GC prhvjquj hs trdgekuihs GFA j GCA sgh fhekrujetjs.
G
F
A
C
?. Eg kurg gagdxh h pheth G ³j pheth `³jcdh chs sjk`jeths FA j CJ .]rhvj quj hs trdgekuihs GAC j GFJ sgh fhekrujetjs.
66
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 42/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
C
A
F
JG
4. Eg kurg gagdxh hs gekuihs ˌ G j ˌ F sgh rjths j h sjk`jeth CJ fhrtgFG eh pheth `³jcdh A cj FG. @hstrj quj CG 0 F J .
F G
C
J
A
7=. Cg kurg gagdxh sgaj sj quj HF 0 HA, HC 0 HG j A ˌ HC 0 F ˌ HG.@hstrj quj FC 0 A G.
C
AF
GH
77. Lg¿fg u`g cj`hestrg¿fgh cdljrjetj cg ]rhphsd¿fgh (3.:) lgzjech ushcg shiu¿fgh ch jxjrf³ķfdh 3.
63
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 43/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
]QHAIJ@GV
7. Eg kurg gagdxh F ˌ @G ³j u gekuih rjth j @ ³j pheth `³jcdh cj GA.@hstrj quj FG 0 F A.
G
A
F @
1. G rjkdgh `grfgcg fh` u` @ rjprjsjetg u` igkh. Cjsfrjvg u`prhfjssh pjih qugi sjr³g phssķvji `jcdr g cdstgefdg jetrj hs pheths G j A.(Wugiqujr `jcd¿fgh lhrg ch igkh ³j phssķvji)
@
G
A
F
6. @hstrj quj, sj u` trdgekuih tj` hs trjs igchs fhekrujetjs, jetgh tj`tg`a³j hs trjs gekuihs fhekrujetjs.
3. Eg kurg gagdxh GA C j A FC sgh trdgekuihs ds³hsfjijs fh` agsj CA.]rhvj quj hs gekuihs G ˌ AF j G ˌ CF sgh fhekrujetjs.
F
A
G
C
:. Zsgech g `js`g kurg, (ch jxjrf³ķfdh 3), `hstrj quj tg`a³j` g rjtgGF ³j adssjtrdz cj A ˌ GC j pjrpjecdfuigr g CA.
<. Eg kurg gagdxh, GA C j A FC sgh trdgekuihs ds³hsfjijs fh` agsj A C.]rhvj quj G ˌ AF 0 G ˌ CF j quj GF ³j adssjtrdz ch gekuih A FC .
6:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 44/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
G
A
F
C
;. Nustdquj h sjkudetj prhfjcd`jeth pgrg cjtjr`deg¿fgh ch pheth `³jcdhcj u` sjk`jeth. ’sjng GA u` sjk`jeth. Fh` u` fh`pgssh fjetrgch j`G, cjsjeoj u` fdrfuih cj rgdh GA. Cjsfrjvg hutrh fdrfuih cj `js`h rgdhj fjetrh j` A. Jstjs chds f³ķrfuihs sj detjrfjptg` j` chds pheths. Srgfj g
rjtg idkgech jstjs chds pheths. G detjrfj¿fgh cjstg rjtg fh` h sjk`jeth GAsjr³g h pheth `³jcdh cj GA.‐
?. Eg fhestru¿fgh gfd`g ³j rjgi`jetj ejfjss³grdh quj hs chds f³ķrfuihs tje-og` rgdh GA8
4. @hstrj quj, eg fhestru¿fgh cjsfrdtg eh prhaij`g ?, gfd`g, g rjtg qujcjtjr`deg h pheth `³jcdh cj GA ³j pjrpjecdfuigr g GA.
7=. Ztdidzj g dcjdg cg fhestru¿fgh cjsfrdtg eh prhaij`g ? j prhpheog u``³jthch cj fhestru¿fgh cj u`g pjrpjecdfuigr g u`g rjtg cgcg pgssgech phr
u` pheth cjstg rjtg.
77. Eg kurg gagdxh tj`-sj GC 0 CJ , ˌ G 0 C JF j G ˌ CJ 0 A ˌ CF .@hstrj quj hs trdgekuihs GCA j JCF sgh fhekrujetjs.
C F
AJG
71. Eu` trdgekuih ds³hsfjijs GAF , fh` agsj AF , g adssjtrdz ch gekuihG ³j pjrpjecdfuigr mg agsj j ³j `jcdgeg.
6<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 45/142
KJH@JSQDG JZFIDCDGEG ]IGEG FHEKQZJEFDG
FH@JES ³GQDH
Lhd eg Kr³jfdg quj surkdu, pjig prd`jdrg vjz eg odst³hrdg, g kurg ch fd-jetdstg prhssdhegi. Gqujij oh`j` cjvhtgch mg ausfg cj fheojfd`jeth jrjfjajech u` sgi³grdh pgrg lgzjr dsth. Gikues chs eh`js `gds rjprjsjetg-tdvhs cjstg figssj, curgetj g fdvdidzg¿fgh krjkg, vdvjrg` j` Gijxgecrdg, hecj]thih`ju D ljz jrdkdr u` krgecj fjetrh cj pjsqudsgs cjeh`degch ’@usjh‐,fh` sug lg`hsg adaidhtjfg. Gid, g trgcd¿fgh krjkg j` fdjefdgs j Idtjrgturg lhdprjsjrvgcg j cjsjevhivdcg. H sufjssh cjssj j`prjjecd`jeth lhd fhesdcjr³gvji.
Jetrj hs prd`jdrhs pjsqudsgchrjs gsshfdgchs fh` h @usjh cj Gijxge-
crdg jst³g Jufidcjs, u` chs `gdhrjs `gtj`³gtdfhs `gds defiujetjs cj thchs hstj`phs. Jufidcjs gpgrjetj`jetj rjfjaju sug jcufg¿fgh `gtj`³gtdfg j` Gtj-egs, chs cdsf³ķpuihs cj ]igtgh, j sug prdefdpgi harg detdtuig-sj> ’Jij`jeths‐,(fh`phsth cj 16 vhiu`js). Jstj trgagioh cjvj tjr sj thregch u` fi³gssdfhihkh gp³hs sug puaidfg¿fgh. Fjrtg`jetj, cjscj hs tj`phs cj Grqud`jcjs, jijjrg fhestgetj`jetj rjljrdch j utdidzgch fh`h tjxth a³gsdfh. Gh igch cg a³ķaidg³j sj c³uvdcg h idvrh `gds rjprhcuzdch j jstucgch cj thchs hs quj n³g lhrg`jsfrdths eg odst³hrdg ch `uech hfdcjetgi. @gds cj 7.=== jcd¿fhjs cjij n³g lhrg`prhcuzdcgs cjscj g devje¿fgh cg d`prjesg j, getjs cdsth, f³hpdgs `geusfrdtgsch`degvg` thch h jesdeh cj `gtj`³gtdfg. G kjh`jtrdg jesdegcg eg jsfhigsjfuec³grdg ³j, lrjqujetj`jetj, f³hpdg qugsj idtjrgi cj ? hu 4 chs 76 vhiu`js
quj h fhestdtuj`. H pr³hprdh tjxth quj h ijdthr tj` j` `ghs fhetj` `udtgscj`hestrg¿fhjs quj sgh, jxfjth pjig idekugkj`, pgrtj chs ’Jij`jeths‐.
Fjrtg`jetj Jufidcjs egh frdhu thcg g kjh`jtrdg fhetdcg ehs sjus ’Jij-`jeths‐.
Vju trgagioh lhd `udth `gds gqujij cj u` fh`pdigchr, cjsjnhsh cj fhihfgrj` u` ³uedfh tjxth, trjs cgs krgecjs cjsfhajrtgs krjkgs>
g) g tjhrdg cj Juchxdh cgs prhphr¿fhjs (idvrh \).a) g tjhrdg cj Sjtjth chs drrgfdhegds (idvrh _) jf) g tjhrdg chs fdefh fhrphs rjkuigrjs quj hfupgvg iukgr cj cjstgquj eg
fhs`hihkdg cj ]igtgh.
Lhd, eh jetgeth, g gpidfg¿fgh sdstj`³gtdfg ch `³jthch cjcutdvh pgrg cjsje-vhivjr g kjh`jtrdg mg pgrtdr cj gikues lgths a³gsdfhs th`gchs fh`h gxdh`gs,quj, sj` cuvdcg, tjvj h `gdhr d`pgfth j defiujefdg sharj h jesdeh j sharj g`gejdrg cj lgzjr fdjefdg g pgrtdr cj jetgh.
6;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 46/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
FG]³DSZIH :
H SJHQJ@G CH GEKZIH J_SJQEH J VZGVFHEVJWZJEFDGV
:.7 Cjed¿fgh. Vj GAF ³j u trdgekuih, hs sjus gekuihs G ˌ AF , A AG
j F ˌ GA sgh fog`gchs cj ˌ gekuihs detjrehs hu sd`pijs`jetj cj gekuihs chtrdgekuih. Hs supij`jeths cjstjs gekuihs sgh fog`gchs cj ˌ gekuihs jxtjrehs
ch trdgekuih.
FG
C
A
Ldkurg :.7
Eg kurg gfd`g h gekuih A ˌ GC ³j u gekuih jxtjreh ch trdgekuih GAFgcngfjetj gh gekuih detjreh F ˌ GA .
:.1 Sjhrj`g (gekuih jxtjreh). Shch gekuih jxtjreh cj u` trdgekuih`jcj `gds ch quj qugiqujr chs gekuihs detjrehs g jij egh gcngfjetjs.
]rhvg Vjng GAF u` trdgekuih. Eg sj`d rjtg V FG `grquj u` pheth Ctgi quj G jstjng jetrj F j C, fh`h decdfgch eg kurg :.1. Cjvj`hs prhvgquj A ˌ GC 5 ˌ A j A ˌ GC 5 ˌ F . \g`hs dedfdgi`jetj prhvgr quj A ˌ GC 5 ˌ A . ]grgdsth fhesdcjrj h pheth `³jcdh J ch sjk`jeth GA .
6?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 47/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
CGF
J
A L
Ldkurg :.1
Eg sj`d rjtg V FJ , `grquj u` pheth L tgi quj FJ 0 J L . Srgfj GL .
Fh`pgrj hs trdgekuihs FJA j L GJ . Fh`h AJ 0 GJ (N³g quj J ³j hpheth `³jcdh cj GA), F J 0 JL (phr fhestru¿fgh) j A ˌ JF 0 G ˌ JL (phr sjrj`hphsths pjih v³jrtdfj), sjkuj-sj quj AJ F 0 GJ L . Fhesjqujetj`jetj ˌ A 0J ˌ GL . Fh`h g sj`d-rjtg V GL cdvdcj h gekuih A ˌ GC , jetgh J ˌ GL 9 A ˌ GC .]hrtgeth, ˌ A 9 A ˌ GC . Cjdxg`hs g fgrkh ch ijdthr g prhvg cj quj A ˌ GC 5 ˌ F .
:.6 ]rhphsd¿fgh. G sh`g cgs `jcdcgs cj qugdsqujr chds gekuihs detjr-ehs cj u` trdgekuih ³j `jehr ch quj 7?=◬.
]rhvg. Vjng GAF u` trdgekuih. \g`hs `hstrgr quj ˌ A + ˌ F 9 7?=◬.Vjng ο h gekuih jxtjreh cjstj trdgekuih fh` v³jrtdfj j` F . ]jig prhphsd¿fghgetjrdhr tj`hs quj
ο 5 ˌ A
Fh`h ο j ˌ F sgh supij`jetgrjs, jetgh ο+ ˌ F 0 7?=◬. ]hrtgeth,
ˌ A + ˌ F 0 ο + ˌ F 0 7?=◬
:.3 Fhrhi³grdh. Shchs trdgekuihs phssud pjih `jehs chds gekuihs detjr-ehs gkuchs.
]rhvg. Cj lgth, sj u` trdgekuih phssu³ķssj chds gekuihs egh gkuchs, sugsh`g sjrdg `gdhr hu dkugi g 7?=◬, h quj egh phcj hfhrrjr cj gfhrch fh` gprhphsd¿fgh getjrdhr.
:.: Fhrhi³grdh Vj cugs rjtgs cdstdetgs ` j e sgh pjrpjecdfuigrjs g u`gtjrfjdrg, jetgh ` j e egh sj detjrfjptg`.
64
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 48/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
]rhvg. Vj ` j e sj detjrfjp-tgssj` lhr gr-sj-dg u` trdgekuih fh`chds gekuihs rjths, h quj ³j gasurch pjihfhrhi³grdh getjrdhr.
`
e
Ldkurg :.6
:.< Cjed¿fgh. Cugs rjtgs quj egh sj detjrfjptg` sgh cdtgs pgrgijigs.G prhphsd¿fgh sjkudetj lhrejfj u` `³jthch cj fhestru¿fgh cj rjtgs pjr-
pjecdfuigrjs. Fh`h fhesjqujefdg cg prhphsd¿fgh gfd`g, jstj `³jthch phcjsjr utdidzgch pgrg fhestru¿fgh cj rjtgs pgrgijigs.
:.; ]rhphsd¿fgh. ]hr u` pheth lhrg cj u`g rjtg pgssg u`g j sh`jetju`g rjtg pjrpjecdfuigr g rjtg cgcg.
]rhvg. (Jxdstjefdg ). Vjng ` u`g rjtg j G u` pheth lhrg cjstg rjtg.Sh`j sharj ` chds pheths A j F cdstdeths. Srgfj GA. Vj GA n³g ³j pjr-pjecdfuigr g ` , tjr`deg`hs g fhestru¿fgh. Fgsh fhetr³grdh, fhesdcjrj, ehsj`d-pigeh quj egh fhet³j` G, u`g sj`d-rjtg fh` v³jrtdfj A lhr`gech fh`V AF u`g gekuih fhekrujetj g G ˌ AF . Ejstg sj`d-rjtg th`j u` pheth G
tgi quj AG 0 AG. H sjk`jeth GG ³j pjrpjecdfuigr g ` . Cj lgth, fh`hAG 0 AG, h trdgekuih GAG ³j ds³hsfjijs. Fh`h G ˌ AG— ³j ds³hsfjijs. Fh`hG ˌ AF 0 F AG, jetgh AF ³j adssjtrdz ch gekuih G ˌ AG. Vjkuj-sj, jetgh, qujAF ³j pjrpjecdfuigr g GG.
A
G
G
F
`
Ldkurg :.3
(Zedfdcgcj ) Vj jxdstdssj` cugs rjtgs cdstdetgs pgssgech pjih pheth G jsjech g`ags pjrpjecdfuigrjs g rjtg ` , lhr`gr-sj-dg u` trdgekuih fh` chdsgekuihs, rjths h quj ³j u` gasurch cj gfhrch fh` h fhrhi³grdh (:.3).
3=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 49/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
G
`
Ldkurg :.:
H pheth G hatdch g pgrtdr cj G j ` eg fhestru¿fgh gfd`g (vdcj kurg(:.3)), ³j fog`gech cj rjfijxh ch pheth G rjigtdvg`jetj mg rjtg ` . H rjfijxh³j fgrgftjrdzgch pjigs sjkudetjs fhecd¿fhjs>
g) GG ³j pjrpjecdfuigr g ` , j
a) ` fhrtg GG eh sju pheth `³jcdh.
G lue¿fgh L quj gsshfdg g fgcg pheth ch pigeh, h sju rjfijxh rjigtd-
vg`jetj g u`g rjtg ` xgcg, ³j fog`gcg rjfijx˙ gh j tj` gs sjkudetjs prh-prdjcgcjs>
d) L (L (G)) 0 G pgrg thch pheth G,
dd) L (G) 0 G sj j sh`jetj sj G ³j pheth cg rjtg ` ,
ddd) L (G)L (A) 0 GA , hu sjng, L prjsjrvg g cdstgefdg jetrjpheths ch pigeh, j
dv) Vj G ∏ `, A /∏ ` j A 0 L (A) jetgh ` ³j g adssjtrdz chgekuih dt AGA.
Ldfg g fgrkh ch ijdthr g cj`hestrg¿fgh cg vgidcgcj cjstgs cugs prh-prdjcgcjs.
Cgch u` pheth G j u`g rjtg ` , g pjrpjecdfuigr g ` pgssgech phrG detjrfjptg ` j` u` pheth ] fog`gch> p³j cg pjrpjecdfuigr agdxgcg chpheth G g rjtg ` . Vj W ³j qugiqujr hutrh pheth cj ` , h sjk`jeth GW ³j cdthsjr hai³ķquh rjigtdvg`jetj g ` .
37
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 50/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
G
W ]
`
Ldkurg :.<
Eg kurg h sjk`jeth W] ³j fog`gch cj prhnj¿f˙ gh ch sjk`jeth WG sharjg rjtg ` . ³J u`g fhesjqujefdg cg prhphsd¿fgh sjkudetj quj WG 5 W] j qujWG 5 G] . H eu`jrh G] ³j fog`gch cj cdstgefdg ch pheth G g rjtg ` .
Cgch u` trdgekuih GAF cdrj`hs quj h igch AF hp˙ hj-sj gh ˌ gekuih ˌ Ghu, cj `gejdrg jqudvgijetj, quj h gekuih ˌ G ³j hphsth gh igch A F .
G
A
F
Ldkurg :.;
:.? ]rhphsd¿fgh Vj chds igchs cj u` trdgekuih egh sgh fhekrujetjs jetghsjus gekuihs hphsths egh sgh dkugds j h `gdhr gekuih ³j hphsth gh `gdhr igch.
]rhvg G prd`jdrg pgrtj cg prhphsd¿fgh ³j u`g fhesjqujefdg d`jcdgtgcg prhphsd¿fhjs (3.:) j (3.<). ]grg prhvgr g sjkuecg pgrtj, fhesdcjrj u`trdgekuih GA F j` quj AF 9 GF j vg`hs `hstrgr quj F ˌ GA 9 F ˌ AG.
A G
F
C
Ldkurg :.?
]grg dsth, `grquj sharj g sj`d rjtg V FG, u` pheth C tgi quj FC 0 AF .Fh`h AF 9 GF jetgh jstj pheth C pjrtjefj gh sjk`jeth GF j, fh`hfhesjqujefdg, g sj`d-rjtg V AC cdvdcj h gekuih F AG. ]hrtgeth tj`-sj
31
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 51/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
F ˌ AG 5 F AC .
Gkhrg hasjrvj quj
F ˌ AC 0 F ˌ CA 5 F ˌ GA
G dkugicgcj gfd`g ³j fhesjqujefdg cj FAC sjr u` trdgekuih ds³hsfjijs,j g cjsdkugicgcj hfhrrj phrquj F ˌ CA ³j gekuih jxtjreh ch trdgekuih ACG.]hrtgeth
F ˌ AG 5 F ˌ GA
fh`h qujr³ķg`hs cj`hestrgr.
:.4 ]rhphsd¿fgh Vj chds gekuihs cj u` trdgekuih egh sgh fhekrujetjsjetgh hs igchs quj sj hphj` g jstjs gekuihs tj` `jcdcgs cdstdetgs j h `gdhrigch hphj-sj gh `gdhr gekuih.
]rhvg. Ehvg`jetj gqud, g prd`jdrg pgrtj cg prhphsd¿fgh ³j u`g fhe-sjqujefdg d`jcdgtg cgs prhphsd¿fhjs (3.:) j (3.<). ]grg prhvgr g sjkuecgpgrtj, fhesdcjrj u` trdgekuih GA F j` quj F ˌ GA 9 F AG j vg`hs `hstrgr
quj AF 9 GF . Hasjrvj quj, jxdstj` trjs phssdadidcgcjs> AF 9 GF , AF 5 GF j A F 0 GF .Vj AF 5 GF jetgh, pjig prhphsd¿fgh getjrdhr, cjvjr³ķg`hs tjr F ˌ GA 5
F ˌ AG, h quj ³j fhetr³grdh g ehssg odp³htjsj. Ch `js`h `hch, sj hfhrrjssjAF 0 GF , h trdgekuih sjrdg ds³hsfjijs j F ˌ GA 0 F ˌ AG, h quj jst³g tg`a³j`j` cjsgfhrch fh` ehssg odp³htjsj.
Ihkh cjvj hfhrrjr AF 9 GF , fh`h qujr³ķg`hs cj`hestrgr.
:.7= Sjhrj`g. J` thch trdgekuih, g sh`g chs fu`prd`jeths cj chdsigchs ³j `gdhr ch quj h fh`prd`jeth ch tjrfjdrh igch.
]rhvg. Cgch u` trdgekuih GAF `hstrgrj`hs quj GA + AF 5 GF .]grg dsth, `grquj u` pheth C eg sj`d-rjtg V GA, cj `hch quj GC 0GA + AF . Vjkuj-sj quj AC 0 FA j, phrtgeth, h trdgekuih AF C ³j ds³hsfjijsfh` agsj FC. Ihkh, tjrj`hs A ˌ FC 9 G ˌ FC . Vjkuj-sj quj eh trdgekuihGFC tj` sj A ˌ CF 9 G ˌ FC . Ihkh, pjig prhphsd¿fgh getjrdhr, GF 9 GC. @gsjetgh GC 9 GA + AF .
36
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 52/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
G
F
CA
Ldkurg :.4
:.77 Sjhrj`g (Cjsdkugicgcj trdgekuigr). Cgchs trjs pheths chpigeh, G, A j F , tj` sj quj GF ≣ GA + AF . Dkugicgcj hfhrrj sj jsh`jetj sj A pjrtjefj gh detjrvgih GF .
]rhvg. Vj G, A j F egh jstgh sharj u`g `js`g rjtg, jetgh jijs cjtjr-`deg` u` trdgekuih j g cjsdkugicgcj ³j fhesjqujefdg ch tjhrj`g getjrdhr.Vj jstgh sharj u`g `js`g rjtg, sjng` g, a j f, rjspjftdvg`jetj, gs sugsfhhrcjegcgs. Ejstj fgsh ³j sd`pijs vjrdfgr quj
|g ∑ f| ≣ |g ∑ a| + |a ∑ f|
j quj dkugicgcj hfhrrj sj j sh`jetj sj a jst³g jetrj g j f. H rjsuitgch ³j
gkhrg u`g fhesjqujefdg ch tjhrj`g (1.1).G cjsdkugicgcj trdgekuigr ³j g ³uedfg rjstrd¿fgh pgrg quj sj phssg fhestrudr
u` trdgekuih fh` u` fh`prd`jeth chs igchs pr³j-cjtjr`degchs. ]hr jxj`-pih, cj gfhrch fh` jstg cjsdkugicgcj ³j d`phss³ķvji fhestrudr-sj u` trdgekuihfunhs igchs sjng` :, 6 j 4.
:.71 ]rhphsd¿fgh. Vjng` g, a ≣ f trjs e³u`jrhs phsdtdvhs. Vj f 9 g + ajetgh phcj`hs fhestrudr u` trdgekuih funhs igchs `jcj` g, a j f.
]rhvg. Srgfj u`g rjtg sharj jig j `grquj chds pheths G j A tgds qujGA 0 f. Fh` u` fh`pgssh cjsfrjvg u` fdrfuih cj fjetrh G j rgdh a, j u`fdrfuih cj fjetrh A j rgdh g.
33
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 53/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
G A
F
Ldkurg :.7=
Fh`h f 9 g + a, hs chds f³ķrfuihs sj detjrfjptg`. Fog`j qugdsqujr chspheths cg detjrfjssgh cj F . H trdgekuih GAF tj` igchs `jcdech g, a j f
fh`h cjsjngch.\g`hs gkhrg gpidfgr g cjsdkugicgcj trdgekuigr pgrg rjshivjr h sjkudetj
prhaij`g> V˙ gh cgchs chds pheths G j A lhrg cj u`g rjtg `. Cjtjr`degr
u` pheth ] sharj g rjtg ` tgi quj G] + ] A sjng g `jehr phss³ķvji .Dedfdgi`jetj vg`hs suphr quj G j A jstjng` j` sj`d pigehs cdstdeths
rjigtdvg`jetj g rjtg ` eu` pheth ] . Gr`h quj jstj pheth ³j g shiu¿fghch ehssh prhaij`g. Cj lgth, sj ] j qugiqujr pheth cj `, jetgh, pjigcjsdkugicgcj trdgekuigr, tjrj`hs> G] + ] A ≪ GA, hfhrrjech dkugicgcjsj j sh`jetj sj ] 0 ] .
]
]
G
A
`
Ldkurg :.77
Eh fgsh j` quj G j A jstgh j` u` `js`h sj`d-pigeh, sjng A h rjfijxhch pheth A rjigtdvg`jetj g rjtg `. Vj ] ³j qugiqujr pheth cj `, jetgh] A 0 ] A. Fhesjqujetj`jetj, tjrj`hs quj
G] + ] A 0 G] + ] A.
Gssd`, h prhaij`g rjcuz-sj gh fgsh getjrdhr j g shiu¿fgh ³j h pheth ] hatdch pjig detjrfjssgh cj ` fh` h sjk`jeth GA .
3:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 54/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
`
]
A
A
G
Ldkurg :.71
³J detjrjssgetj hasjrvgr quj jstj prhaij`g surkj j` L³ķsdfg, qugech sjtjetg cjtjr`degr u` pheth ] , sharj u` jspjioh, hecj cjvj hfhrrjr g rjfijxghcj u` rgdh cj iuz quj vgd ch pheth G gh pheth A, rjfijtdech-sj eh jspjioh.Hu qugech tjetg-sj cjtjr`degr u` pheth hecj u`g ahig cj adiogr cjvjfohfgr-sj fh` g igtjrgi cg `jsg, pgrg dr ch pheth G, thfgr eg igtjrgi jgtdekdr u`g ahig quj sj jefhetrg eh pheth A .
\g`hs gkhrg gpidfgr hs rjsuitgchs n³g hatdchs pgrg jstucgr u`g figssjjspjfdgi cj trdgekuihs.
:.76 Cjed¿fgh> Z` trdgekuih quj phssud u` gekuih rjth ³j fog`gchtrdˌ gekuih rjtˌ gekuih. H igch hphsth gh gekuih rjth ³j fog`gch odphtjeusg , jhs hutrhs chds igchs sgh cjtjr`degchs fgtjths .
Cj gfhrch fh` (:.3) hs gekuihs jxphsths ghs fgtjths sgh gkuchs. ³J u`gfhesjqujefdg cj (:.4) quj g odphtjeusg ³j `gdhr ch quj qugiqujr chs fgtjths.]hr hutrh igch, pjig cjsdkugicgcj trdgekuigr, h fh`prd`jeth cg odphtjeusg³j `jehr ch quj g sh`g chs fh`prd jeths chs fgtjths. Vj chds trdgekuihsrjtgekuihs sgh fhekrujetjs, jetgh, ejfjssgrdg`jetj, hs gekuihs rjths cjvj`sj fhrrjsphecjr.
G
FGSJSH
FGSJSH
OD]HSJEZVG FA
Ldkurg :.76
3<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 55/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
]hr fgusg cdsth, gi³j` chs trjs fgshs cj fhekrujefdg quj n³g fheojfj`hs,
jxdstj` hutrhs trjs jspjf³ķfhs pgrg trdgekuihs rjtgekuihs. Jstjs sgh gprj-sjetgchs eh tjhrj`g sjkudetj.
:.73 Sjhrj`g (Fhekrujefdg cj trdgekuihs rjtgekuihs). Vjng`GAF j GAF chds trdgekuihs rjtgekuihs funhs gekuihs rjths sgh ˌ F j ˌ F . Vjgiku`g cgs fhecd¿fhjs gagdxh hfhrrjr, jetgh chds trdgekuihs sgh fhekrujetjs>
7)AF 0 AF j ˌ G 0 ˌ G
1)GA 0 GA j A F 0 AF , j
6)GA 0 GA j ˌ G 0 ˌ G
Hs fgshs gfd`g phcj` sjr dcjetdfgchs fh`h dkugicgcj jetrj
7) (f » g) fgtjth j gekuih hphsth,
1) (o » f) odphtjeusg j fgtjth, j
6) (o » g) odphtjeusg j gekuih gkuch.
]rhvg. (Fgsh 7) Ehssg s odp³htjsjs sgh, ejstj fgsh, gs sjkudetjs>
ˌ F 0 ˌ F (rjth), AF 0 AF ˌ G 0 ˌ G.
Hasjrvj quj, gpjsgr cj tjr`hs delhr`g¿fhjs sharj chds gekuihs j u` igch,egh phcj`hs gpidfgr h ’1◬ fgsh cj fhekrujefdg‐. ]grg prhvgr quj GAF jGAF sgh fhekrujetjs `grquj u` pheth C sharj g sjd-rjtg V FG cj shrtj
quj FC 0 F
G
. Hs trdgekuihs F CA j F
G
A
sgh jetgh fhekrujetjs, pjihprd`jdrh fgsh cj fhekrujefdg.
3;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 56/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
F
AG
C
F
AG
Ldkurg :.73
Fh`h fhesjqujefdg, tj` sj quj F ˌ CA 0 ˌ G. Cjscj quj F ˌ GA 0 ˌ G (phrodp³htjsj), fhefiu³ķ`hs quj
F ˌ CA 0 F ˌ GA .
Gr`h quj hs pheths G j C fhdefdcj . Cj lgth, sj tgi egh hfhrrjr G,C j A lhr`g` u` trdgekuih j` quj hs gekuihs F ˌ CA j F ˌ GA sgh gekuihsjxtjrehs j detjrehs egh gcngfjetj. ]hrtgeth, g dkugicgcj gfd`g egh phcjhfhrrjr cj gfhrch fh` h tjhrj`g ch gekuih jxtjreh. Jetgh G j C fhdefdcj`
j ihkh FGA 0 FCA. Fh`h FCA 0 F GA fhefiud-sj quj FGA 0 F GA,fh`h qujr³ķg`hs cj`hestrgr.
Gs cj`hestrg¿fhjs chs hutrhs chds fgshs sgh cjdxgcgs g fgrkh ch ijdthr.
3?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 57/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
J_JQF³DFDHV
7. ]rhvj quj, sj u` trdgekuih tj` chds gekuihs jxtjrehs dkugds, jetghjij ³j ds³hsfjijs.
1. G kurg gh igch ³jlhr`gcg pjihs sjk`je-ths GF , GJ , F L j J A.Cjtjr dej hs gekuihsquj sgh>
g) `jehrjs quj h gekuih;.a) `gdhrjs ch quj hgekuih :, jf) `jehrjs ch quj hgekuih 3.
JF
A
G
L
7=
7
1
6:
3
4
?
<
;
C
6. Eg kurg gagdxh hs gekuihs jx-tjrehs G ˌ FJ j G ˌ AC sgtdslgzj` g cj-
sdkugicgcj> G ˌ FJ 9 G ˌ AC . @hstrjquj G ˌ AC 5 G ˌ AF .
G
A F C J
3. ]rhvj quj u` trdgekuih rjtgekuih tj` chds gekuihs jxtjrehs hatushs.
:. Eg kurg gagdxh, A, C j G sgh fhi-dejgrjs. Ch `js`h `hch C, J j F sgh
fhidejgrjs. @hstrj quj Gˌ JF 5 C
ˌ AF
G
A
F
CJ
<. J` u` fgrt³hrdh cj rjkdstrh cj d`³hvjds u` jsfrdvgh rjfushu sj gtrgesfrjvjr h rjkdstrh cj u` tjrrjeh trdgekuigr funhs igchs, sjkuech h sjuprhprdjt³grdh `jcdg` 7==`, <=` j 1=`. \hfj phcj cgr u` grku`jeth quj
34
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 58/142
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 59/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
]QHAIJ@GV
7. G kurg gh i gchlhd fhpdgcg cj u` idvrhphr u`g frdge¿fg. Gs`jcdcgs chs gekuihs de-cdfgcgs sgh gs `jcd-cgs fhrrjtgs ch cj-sjeoh hrdkdegi. Fh`agsj ejstg delhr`g¿fgh,
rjsphecg gs sjkudetjsqujsthjs rjigtdvgs gh cj-sjeoh hrdkdegi.
g) Hs trdgekuihs GAF jCFA sgh fhekrujetjs8
a)Wugi h igch chtrdgekuih GAF ³j `gdsihekh8
f) Wugi h igch ch
trdgekuih CFA quj ³j`gds furth8
G
F
C<=◬
A
<=◬
<:◬
::◬ <:◬
::◬::◬
1. Vj, eh prhaij`ggetjrdhr, hs gekuihstdvjssj` sdch decdfgchsfh`h eg kurg ghigch, qugds sjrdg` gsrjsphstgs mgs pjrkuetgsg, a j f gfd`g8
G
F
C<=◬
A
<:◬
<=◬
::◬
::◬
<:◬:◬
:7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 60/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
6. Eg kurg gh igch tj`-sjAC 5 A F j ˌ G 5 G ˌ AF . ]rhvjquj AC 5 GF .
:◬
G
A
F
C
3. Eg kurg gh igch O lhd jsfhiodch ehsjk`jeth L K cj shrtj quj JO 0 JK.@hstrj quj 7 5 1.
:◬
L
J K
O7 1
:. Vj u` trdgekuih GA F ³j jqudi³gtjrh j C ³j u` pheth ch sjk`jeth AF `hstrj quj GC 5 CA.
<. Eg kurg gh igch ` j e sgh cugsrjtgs pjrpjecdfuigrjs. Wugi h fg`-deoh `gds furth pgrg sj dr ch phethG gh pheth A thfgech-sj egs cugsrjtgs8
`
]
W e
G
A
;. Eg kurg gh igch 7 0 1.@hstrj quj gs rjtgs ` j e sghpgrgijigs.
7
1
`
e
?. Cjtjr`dej h sjk`jeth `gds furth idkgech u` pheth G g u` pheth cj
:1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 61/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
u`g rjtg `.
4. Eh trdgekuih GAF cg kurg gh igchtj`-sj F C pjrpjecdfuigr g GA , A J pjr-pjecdfuigr g GF j FC 0 AJ . @hstrj qujGAF ³j u trdgekuih ds³hsfjijs.
A F
G
C J
7=. Eg kurg gh igch GAF ³j u`trdgekuih jqudi³gtjrh j GC 0 AJ + FL .Vj, gi³j` cdssh, C ˌ GA 0 J AF , `hstrjquj J L C ³j tg`a³j jqudi³gtjrh.
F
G A
J
L C
77. Zsgech g `js`g kurg j suphech gpjegs quj GAF ³j jqudi³gtjrh j
quj GC 0 AJ 0 FL , `hstrj quj J L C ³j tg`a³j jqudi³gtjrh.
71. Eg kurg gh igch GC 0 AF , G ˌ CF
j A ˌ FC sgh gekuihs rjths, j @ j E sghpheths `³jcdhs chs sjk`jeths GA j CF rjspjftdvg`jetj. @hstrj quj @ E ³j pjr-pjecdfuigr g GA j g FC.
E
@G
C
A
F
76. Cj`hestrj hs fgshs (1) j (6) cg prhphsd¿fgh (:.76).
73. Vjng` GAF j GAF chds trdgekuihs egh rjtgekuihs fh` ˌ F 0 ˌ F ,GA 0 GA j AF 0 AF . Cj u` jxj`pih pgrg `hstrgr quj jstgs odp³htjsjsegh gfgrrjtg` quj hs trdgekuihs cjvg` sjr fhekrujetjs.
:6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 62/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
FH@JES ³GQDH
Wugech sj cjsjng `hstrgr u`g prhphsd¿fgh, rjshivjr u` jxjrf³ķfdh hu sd`-pijs`jetj jetjecjr h jeuefdgch cj u` tjhrj`g, ³j `udth d`phrtgetj qujsjng`hs fgpgzjs cj sjpgrgr gs odp³htjsjs ch quj sj cjsjng prhvgr (tjsj hufhefiusgh). Jsquj`gtdfg`jetj h jeuefdgch cj u`g prhphsd¿fgh (hu tjhrj`g,hu fhrhi³grdh, hu prhaij`g, hu jxjrf³ķfdh jtf.) phcj sjr sj`prj rjprjsjetgchphr
] ↑ W (ijdg> ] d`pidfg W)
hecj ] j W rjprjsjetg` gqud cugs gr`g¿fhjs. G gr`g¿fgh ] ³j godp³htjsj j g gr`g¿fgh W ³j g tjsj. J` `udths fgshs, g odp³htjsj vj` prj-fjcdcg cj u` ’sj‐ hu u` ’qugech‐, j g tjsj cj u` ’jetgh‐. Z` jxj`pihcdsth ³j g sjkudetj prhphsd¿fgh>
’Vj cugs rjtgs cdstdetgs phssuj` u`g pjrpjecdfuigr fh`u`, jetgh jigsegh sj detjrfjptg`.‐
Ejstj jeuefdgch tj`hs
Odp³htjsj> Cugs rjtgs cdstdetgs phssuj` u`g pjrpjecdfuigr fh`u`.Sjsj> Gs cugs rjtgs egh sj detjrfjptg`.
Jvdcjetj`jetj, ej` thchs hs jeuefdgchs cj prhphsd¿fhjs jstgh gprjsje-tgchs eh lhr`gth ’sj..., jetgh..‐. ]hr jxj`pih, g `js`g prhphsd¿fgh phcjrdgtjr sdch jeuefdgcg cg sjkudetj `gejdrg>
’Qjtgs pjrpjecdfuigrjs g u`g tjrfjdrg egh sj jefhetrg`‐.
Gkhrg, g odp³htjsj jst³g cdslgr¿fgcg eh pjcg¿fh cj lrgsj ’Qjtgs pjrpje-cdfuigrjs g u`g tjrfjdrg...‐, j g tjsj, eh rjstgetj. ]jih `jehs qugtrhprhphsd¿fhjs fhestgetjs cjstj fgp³ķtuih ehs cgh jxj`pihs cj jeuefdgchs cjstjtdph. Wugech jefhetrg`hs cdfuicgcj j` rjfheojfjr g odp³htjsj j g tjsj cju` cgch jeuefdgch, ³j sj`prj u`g ahg phidtdfg tjetgr rjsfrjvj-ih eh lhr`gth’sj..., jetgh...‐. ]hr jxj`pih, g prhphsd¿fgh (3.?) tj` h sjkudetj jeuefdgch>
:3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 63/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
’J` u` trdgekuih ds³hsfjijs g `jcdgeg rjigtdvg`jetj mg agsj ³j tg`a³j`
adssjtrdz j giturg.‐
Z`g `gejdrg cj rjsfrjvj-ig eh lhr`gth ’sj..., jetgh...‐ ³j h sjkudetj>
’Vj GA F ³j u trdgekuih ds³hsfjijs fh` agsj AF j C ³j h pheth `³jcdh cjAF , jetgh GC ³j adssjtrdz ch gekuih A ˌ GF j ³j pjrpjecdfuigr gh igch A F .‐
J`ahrg jstjs chds jeuefdgchs sjng` jxtrj`g`jetj cdljrjetjs, jijs ehs
cdzj` jxgtg`jetj g `js`g fhdsg. H prd`jdrh ³j sj` cuvdcg `gds jijkgetj,`gs h sjkuech ³j h jeuefdgch fh` quj rjgi`jetj trgagiog`hs qugech cj`he-strg`hs jstg prhphsd¿fgh.
Fhesdcjrj`hs gkhrg gs cugs prhphsd¿fhjs sjkudetjs>
g) ’ Vj u` trdgekuih ³j ds³hsfjijs, jetgh jij phssud chds gekuihsdkugds‐.
a) ’Vj chds gekuihs cj u` trdgekuih sgh dkugds, jetgh h trdgekuih³j ds³hsfjijs‐.
Hasjrvj quj g odp³htjsj cg prd`jdrg ³j g tjsj cg sjkuecg j quj g tjsj cgprd`jdrg ³j g odp³htjsj cg sjkuecg. J` tjr`hs jsquj`³gtdfhs, sj
] ↑ W
rjprjsjetg g prhphsd¿fgh (g), jetgh
W ↑ ]
rjprjsjetg g prhphsd¿fgh (a). G sjkuecg prhphsd¿fgh ³j cdtg sjr g devjrsg
cg prd jdrg. Fgcg prhphsd¿fgh tj` sj`prj u`g devjrsg g qugi phcj sjrvjrcgcjdrg hu egh. Jxj`pihs>
7 d.) Vj cugs rjtgs phssuj` u`g pjrpjecdfuigr fh`u` jetgh jigs sghrjtgs pgrgijigs.
::
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 64/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
7 dd.) Vj cugs rjtgs sgh pgrgijigs, jetgh phssuj` u`g pjrpjecdfuigr
fh`u`.
1. d) Vj u` trdgekuih ³j rjtgekuih, jetgh jij phssud chds gekuihs gku-chs.
1 dd) Vj u` trdgekuih phssud chds gekuihs gkuchs, jetgh jij ³j u`trdgekuih rjtgekuih.
G prhphsd¿fgh (7.d) lhd cj`hestrgcg ejstj fgpdtuih. Vug devjrsg, g prhphsd¿fgh(7.dd), ³j vjrcgcjdrg. `gs sug cj`hestrg¿fgh ejstj e³ķvji ch fursh sjrdg `udthfh`pidfgcg. G prhphsd¿fgh (1.d) tg`a³j` lhd cj`hestrgcg ejstj fgp³ķtuih. Vug
devjrsg, g prhphsd¿fgh (1.dd), ³j havdg`jetj lgisg.Wugech hfhrrj quj gs prhphsd¿fhjs ] ↑ W j W ↑ ] sgh sd`uitgejg`jetj
vjrcgcjdrgs, cdzj`hs quj ] j W sgh gr`g¿fhjs jqudvgijetjs, j rjprjsjetg`hsjsquj`gtdfg`jetj dsth phr
] ↓ W (] ³j jqudvgijetj g W)
Eh jeuefdgch cj tjhrj`gs jstgajijfjech quj gs cugs gr`g¿fhjs sghjqudvgijetjs ³j fh`u` quj sj usj h lhr`gth ’...sj j sh`jetj sj...‐. ]hrjxj`pih>
’Chds igchs cj u` trdgekuih sgh fhekrujetjs sj j sh`jetj sj chds cj sjusgekuihs sgh fhekrujetjs‐.
Hutrhs lhr`gths fh`ues sgh ’... sj j s³h sj...‐, ‐...³j fhecd¿fgh ejfjss³grdgj sufdjetj pgrg...‐ j ’...³j jqudvgijetj g...‐.
Fhesdcjrj gkhrg gs cugs sjkudetjs prhphsd¿fhjs>
D) Vj chds igchs cj u` trdgekuih sgh fhekrujetjs jetgh sjus gekuihshphsths sgh tg`a³j` fhekrujetjs.
DD) Vj chds gekuihs cj u` trdgekuih egh sgh fhekrujetjs, jetgh hsigchs quj sj hphj` g jstjs gekuihs tg`a³j` egh sgh fhekrujetjs.
Gs prhphsd¿fhjs gfd`g sgh rjigfdhegcgs cg sjkudetj `gejdrg. Vj rjp-rjsjetgr`hs phr ] g ejkg¿fgh cg gr`g¿fgh ], jetgh jsquj`gtdfg`jetj gsprhphsd¿fhjs gfd`g phcj` sjr rjprjsjetgcgs phr
:<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 65/142
KJH@JSQDG JZFIDCDGEG ]IGEG H SJHQJ@G CH GEKZIH J_SJQEH J VZGV FHEVJWZJEFDGV
D ) ] ↑ W
DD) W ↑ ]
Fog`g`hs g sjkuecg prhphsd¿fgh cj ejkgtdvg cg prd`jdrg. Z` lgth sd`-pijs cj i³hkdfg, j jxtrj`g`jetj ³utdi, ³j quj u`g prhphsd¿fgh j sug ejkgtdvg sghsj`prj sd`uitgejg`jetj vjrcgcjdrgs hu sd`uitgejg`jetj lgisgs. ]hr dssh ³jjqudvgijetj cj`hestrgr-sj qugiqujr u`g cgs cugs. Cjvj-sj, eh jetgeth,hasjrvgr quj, h trgagioh pgrg cj`hestrg¿fgh cj u`g cjigs phcj sjr `jehsfh`pidfgcg ch quj h trgagioh pgrg sj cj`hestrgr cdrjtg`jetj g hutrg. Hijdthr cjvj hasjrvgr quj g prhphsd¿fgh D gfd`g ³j jxgtg`jetj g prhphsd¿fgh(3.:) j quj DD ³j g prd`jdrg pgrtj cg prhphsd¿fgh (:.?).
:;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 66/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
FG]³DSZIH <
H G_DH@G CGV ]GQGIJIGV
G jxdstjefdg cj rjtgs pgrgijigs ³j u`g fhesjqujefdg chs phstuigchs n³ggprjsjetgchs. H Fhrhi³grdh (:.:), gi³j` cj kgrgetdr tgi jxdstjefdg, lhrejfju` `³jthch cj, jljtdvg`jetj, cjsjeogr-sj rjtgs pgrgijigs. H gxdh`g qujgprjsjetg`hs g sjkudr cdz, jssjefdgi`jetj, quj cugs rjtgs pgrgijigs g u`g
tjrfjdrg j fh` u` pheth j` fh`u` sgh fhdefdcjetjs.
Gxdh`g \. ]hr u` pheth lhrg cj u`g rjtg ` phcj sj trg¿fgr u`g ³uedfgrjtg pgrgijig g rjtg `.
Cjvj-sj hasjrvgr quj jstj gxdh`g prjsfrjvj g uedfdcgcj, n³g quj g jx-dstjefdg cj rjtg pgrgijig g `, pgssgech phr u` pheth cgch, n³g jrg kgrgetdchphr (:.:). Fh`h fhesjqujefdg d`jcdgtg cjstj gxdh`g tj`-sj>
<.7 ]rhphsd¿fgh. Vj g rjtg ` ³j pgrgijig mgs rjtgs e7 j e1, jetgh e7 j e1
sgh pgrgijigs hu fhdefdcjetjs.
]rhvg. Vupheog quj e7 j e1 egh fhdefdcg` j sgh pgrgijigs g rjtg `.Vj e7 j e1 egh lhssj` pgrgijigs jetrj sd, jigs tjrdg` u` pheth cj detjrsj¿fgh,cdkg`hs, ] . @gs jetgh e7 j e1 sjrdg` cdstdetgs pgrgijigs mg rjtg ` pgssgechphr ] . Dsth fhetrgcdz h gxdh`g \. Ihkh e7 j e1 sgh pgrgijigs.
<.1 Fhrhi³grdh. Vj u`g rjtg fhrtg u`g cj cugs pgrgijigs, jetgh fhrtgtg`a³j hutrg.
]rhvg. Vjng` e7 j e1 rjtgs pgrgijigs. Vj u`g rjtg ` fhrtgssj e7 j eghfhrtgssj e1, jetgh ` j e1 sjrdg` pgrgijigs. Gssd` e1 sjrdg pgrgijig g ` j g
e7. Fh`h ` j e7 egh sgh pgrgijigs jetrj sd ej` fhdefdcjetjs, tj`hs u`gfhetrgcd¿fgh fh` g prhphsd¿fgh getjrdhr. Ihkh ` fhrtg tg`a³j` e1.G ehssg cjed¿fgh cj rjtgs pgrgijigs egh ³j tgh sd`pijs cj usgr fh`h
gpgrjetg. Cjscj quj rjtgs sgh deedtgs j` fh`prd`jeth, fh`h phcjrj`hsprhvgr quj cugs rjtgs egh sj detjrfjptg`8 ]hr jxj`pih, gs rjtgs ` j e cgkurg gagdxh pgrjfj` sjr pgrgijigs. Fh`h cjfdcdr sj jigs e gh sj jefhetrg`j` giku` pheth ch pigeh `udth cdstgetj cj G j A 8
:?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 67/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
`
e
A
G 7
1
Ldkurg <.7
Z`g `gejdrg `udth sd`pijs cj rjsphecjr g jstg pjrkuetg ³j gtrgv³js cgfh`pgrg¿fgh chs gekuihs 7 j 1, decdfgchs eg kurg, lhr`gchs pjigs cugspgrgijigs fh` g rjtg quj pgssg phr G j A .
<.6 ]rhphsd¿fgh. Vjng` `, e, 7 j 1 fh`h eg kurg (<.7) Vj 7 0 1, jetghgs rjtgs ` j e sgh pgrgijigs.
]rhvg. Cj lgth, sj ` detjrfjptgssj e j` giku` pheth ] , fh`h decdfgcheg p³gkdeg sjkudetj, lhr`gr-sj-dg u` trdgekuih GA] . Ejstj trdgekuih 7 ³jgekuih jxtjreh j 1 ³j u` gekuih detjreh egh gcngfjetj gh gekuih 7, hu vdfj-vjrsg. Gssd , pjih tjhrj`g ch gekuih jxtjreh tjr³ķg`hs 7 0 1 h quj fhetrgcdz
ehssg odp³htjsj. ]hrtgeth, ` j e egh sj detjrfjptg .
G
A
1
7
] ]
G
7
1
A
Ldkurg <.1
Wugech cugs rjtgs sgh fhrtgcgs phr u`g trgesvjrsgi lhr`g` sj hdthgekuihs fh`h decdfgchs eg kurg gagdxh. Wugtrh cjijs sgh fhrrjsphecjetjsghs hutrhs qugtrh, g sgajr
7 ↓ 16 ↓ 3: ↓ <; ↓ ?
:4
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 68/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
7:6;
< 13?
Ldkurg <.6
Hasjrvj quj 7 0 ;, 1 0 ?, 6 0 : j 3 0 < phr sjrj` hphsths pjih v³jrtdfj.Fh`h fhesjqujefdg, sj 7 0 1 jetgh thchs hs hutrhs pgrjs cj gekuihs fhrrj-sphecjetjs sjrgh dkugds. Gi³j` cdssh, tjrj`hs quj 6 + 1 0 7?=◬. Devjrsg-`jetj, sj 6 + 1 0 7?=◬ jetgh 7 0 1. Jstgs hasjrvg¿fhjs pjr`dtj` rjjsfrjvjrg prhphsd¿fgh (<.6) cj cugs `gejdrgs cdstdetgs.
<.6. ]rhphsd¿fgh G. Vj, gh fhrtgr`hs cugs rjtgs fh` u`g trgesvjrsgi,hatdvjr`hs 6 + 1 0 7?=◬ jetgh gs rjtgs sgh pgrgijigs.
<.6 ]rhphsd¿fgh A. Vj, gh fhrtgr`hs cugs rjtgs fh` u`g trgesvjrsgi,h gekuih fhrrjsphecjetjs sgh dkugds, jetgh gs rjtgs sgh pgrgijigs.
H gxdh`g \ pjr`dtj-ehs `hstrgr quj g devjrsg cjstg prhphsd¿fgh ³j tg a³j`vjrcgcjdrg.
<.3 ]rhphsd¿fgh. Vj cugs rjtgs pgrgijigs sgh fhrtgcgs phr u`g trgesvjr-sgi, jetgh hs gekuihs fhrrjsphecjetjs sgh dkugds.
]rhvg. Vjng` ` j ` cugs rjtgs pgrgijigs j sjng e u`g rjtg quj fhrtg `j ` ehs pheths G j A , rjspjftdvg`jetj. Fhesdcjrj u`g rjtg ` pgssgechpjih pheth G j lhr`gech fh` g trgesvjrsg qugtrh gekuihs fhrrjsphecjetjslhr`gchs pjig rjtg ` fh` g `js`g trgesvjrsgi. Cj gfhrch fh` g prhphsd¿fghgetjrdhr ` j ` sgh pgrgijigs. Cj gfhrch fh` g prhphsd¿fgh (<.7) ` j` sgh fhdefdcjetjs. ]hrtgeth, ` lhr`g gekuihs fh` g rjtg e dkugds ghs
fhrrjsphecjetjs lhr`gchs phr `
fh` g rjtg e.
`G`
`
Ae
Ldkurg <.3
<=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 69/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
\g`hs gkhrg gprjsjetgr cugs fhesjqujefdgs d`phrtgetjs ch gxdh`g \.
<.: Sjhrj`g. G sh`g chs gekuihs detjrehs cj u` trdgekuih ³j 7?=◬.
]rhvg. Vjng AF u` trdgekuih. ]jih v³jrtdfj F trgfj u`g rjtg pgrgijiggh igch GA . Eu`jrj hs gekuihs lhr`gchs fh` v³jrtdfj F , fh`h decdfgch egkurg sjkudetj
F
71
6
G A
Ldkurg <.:
Sj`-sj 7 + 1 + 6 0 7?=◬. Fh`h GF ³j trgesvjrsgi mgs cugs pgrgijigs,³j u`g fhesjqujefdg cdrjtg cg prhphsd¿fgh getjrdhr quj 7 0 ˌ G. Fh`h AF ³jtg`a³j` trgesvjrsgi mgs cugs pgrgijigs, jetgh 6 0 ˌ A . ]hrtgeth
ˌ G + ˌ A +G ˌ FA 0 ˌ 7 + ˌ 6 + ˌ 1 0 7?= ◬
G prhphsd¿fgh sjkudetj rjigfdheg u`g s³jrdj cj fhrhi³grdhs d`jcdgths cjstjtjhrj`g.
<.< Fhrhi³grdh.
g) G sh`g cgs `jcdcgs chs gekuihs gkuchs cj u` trdgekuih rjtgekuih ³j4=◬.
a) Fgcg gekuih cj u` trdgekuih jqudi³gtjrh `jcj <=◬.f) G `jcdcg cj u` gekuih jxtjreh cj u` trdgekuih ³j dkugi g sh`g cgs
`jcdcgs chs gekuihs detjrehs quj egh ioj sgh gcngfjetjs.
c) G sh`g chs gekuihs detjrehs cj u` qugcrdi³gtjrh ³j 6<=◬
.G prhvg cjstj fhrhi³grdh ³j cjdxgcg g fgrkh ch ijdthr. H tjhrj`g sjkudetj
ehs cdz quj rjtgs pgrgijigs sgh jqudcdstgetjs.
<.; Sjhrj`g. Vj ` j e sgh rjtgs pgrgijigs, jetgh thchs hs pheths cj` jstgh mg `js`g cdstgefdg cg rjtg e.
]rhvg. Vjng` ` j e rjtgs pgrgijigs. Vharj ` th`j chds pheths G j G,j cjijs agdxj pjrpjecdfuigrjs mg rjtg e. Vjng` A j A rjspjftdvg`jetj hs p³js
<7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 70/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
cjstgs pjrpjecdfuigrjs. Cjvj`hs prhvgr quj GA 0 GA. ]grg dssh trgfj
G
A fh`h decdfgch eg kurg sjkudetj.
G G
AA
Ldkurg <.<
Hasjrvj quj G ˌ GA 0 G ˌ AA j quj G— ˌ GA 0 4=◬. Dsth ³j u`g cjfhrrjefdgcj quj ` j e sgh pgrgijigs j cg gpidfg¿fgh cg prhphsd¿fgh (<.3) gh fhesdcjrgr-sj GA j GA fh`h trgesvjrsgds. ]hrtgeth, hs trdgekuihs GGA j A AG sghtrdgekuihs rjtgekuihs fh` u` gekuih gkuch j odphtjeusg (fh`u`) dkugds.Vjkuj-sj chs tjhrj`g (:.73) quj jijs sgh fhekrujetjs. G fhekrujefdg ³j gquj ijvg G j` A , G j` A j A j` G. Ihkh GA 0 GA, fh`h qujr³ķg`hscj`hestrgr.
G devjrsg cjstj tjhrj`g ³j tg`a³j` vjrcgcjdrg j sug cj`hestrg¿fgh ³j
prhphstg fh`h jxjrf³ķfdh < cjstj fgp³ķtuih.
<.? Cjed¿fgh. Z` pgrgijihkrg`h ³j u qugcrdi³gtjrh funhs igchs hphs-ths sgh pgrgijihs.
G A
FC
Ldkurg <.;
<.4 ]rhphsd¿fgh. J` u` pgrgijihkrg`h igchs j gekuihs hphsths sghfhekrujetjs.
]rhvg. Vjng GAFC u` pgrgijihkrg`h. Srgfj g cdgkhegi GF . Fh`hGA j CF sgh pgrgijihs, jetgh A ˌ GF 0 G ˌ FC . Fh`h, gi³j` cdssh, GF ³j fh`u`
<1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 71/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
ghs trdgekuihs GAF j FCG, jetgh jstjs trdgekuihs sgh fhekrujetjs. Ihkh
ˌ A 0 ˌ C , GA 0 F C j A F 0 CG. ³J gkhrg l³gfdi vjr quj ˌ G 0 ˌ F .
<.7= ]rhphsd¿fgh. Gs cdgkhegds cj u` pgrgijihkrg`h sj detjrfjptg`j` u` pheth quj ³j pheth `³jcdh cgs cugs cdgkhegds.
G prhvg cjstgs prhphsd¿fgh ³j sd`pijs j ³j cjdxgcg g fgrkh ch ijdthr. Gs cugsprhphsd¿fhjs sjkudetjs cgh fhecd¿fhjs sufdjetjs pgrg quj u` qugcrdi³gtjrh sjngu` pgrgijihkrg`h.
<.77 ]rhphsd¿fgh. Vj hs igchs hphsths cj u` qugcrdi³gtjrh sgh fhekru-jetjs jetgh h qugcrdi³gtjrh ³j u` pgrgijihkrg`h.
]rhvg. Vjng GAFC u` qugcrdi³gtjrh j` quj GA 0 F C j AF 0 GC.Srgfj g cdgkhegi AC ch qugcrdi³gtjrh. Hs trdgekuihs GAC j FCA sghfhekrujetjs cj gfhrch fh` h tjrfjdrh fgsh cj fhekrujefdg cj trdgekuihs.Ihkh F ˌ AC 0 A ˌ CG j F ˌ CA 0 C ˌ AG. G prd`jdrg dkugicgcj kgrgetj quj AF jGC sgh pgrgijihs, g sjkuecg kgrgetj quj FC j AG tg`a³j sgh pgrgijihs.Ihkh GAFC ³j u` pgrgijihkrg`h.
A F
CG
Ldkurg <.?
<.71 ]rhphsd¿fgh. Vj chds igchs hphsths cj u` qugcrdi³gtjrh sgh fhe-krujetjs j pgrgijihs, jetgh h qugcrdi³gtjrh ³j u` pgrgijihkrg`h.
G prhvg cjstg prhphsd¿fgh ³j cjdxgcg g fgrkh ch ijdthr. Hutrgs prhphsd¿fhjssharj pgrgijihkrg`hs sgh prhphstgs fh`h jxjrf³ķfdhs hu prhaij`gs.
<.76 Sjhrj`g. H sjk`jeth idkgech hs pheths `³jcdhs cj chds igchs cju` trdgekuih ³j pgrgijih gh tjrfjdrh igch j tj` `jtgcj cj sju fh`prd`jeth.
]rhvg. Vjng GA F u` trdgekuih. Cjsdkej phr C h pheth `³jcdh cj GAj phr J h pheth `³jcdh cj GF . Cjvj`hs prhvgr quj CJ ³j pgrgijih g AF
j quj CJ 0 7
1AF . ]grg dsth, `grquj eg sj`d-rjtg V JC u` pheth L tgi
<6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 72/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
quj L C 0 CJ . Fh`h GC 0 CA (n³g quj C ³j pheth `³jcdh cj GA) G ˌ CJ
0 L ˌ CA phr sjrj` hphsths pjih v³jrtdfj, jetgh hs trdgekuihs GCJ j L CAsgh fhekrujetjs. Fh`h fhesjqujefdg tj`-sj quj C ˌ LA 0 G ˌ JC j L A 0 GJ .Ihkh L A j JF sgh pgrgijihs j tj` h `js`h fh`prd`jeth. Vjkuj-sj jetgh cgprhphsd¿fgh (<.71) quj h qugcrdi³gtjrh LAFJ ³j u` pgrgijihkrg`h. ]hrtgethL J ³j pgrgijih g A F j tj` h `js`h fh`prd`jeth. Fh`h C ³j pheth `³jcdh
cj L J jetgh CJ 0 7
1AF , fh`h qujr³ķg`hs cj`hestrgr.
G
J
FA
L C
Ldkurg <.4
<.73 ]rhphsd¿fgh. Vupheog quj trjs rjtgs pgrgijigs, g, a j f, fhrtg` gsrjtgs ` j e ehs pheths G, A j F j ehs pheths G, A j F , rjspjftdvg`jetj.Vj h pheth A jefhetrg-sj jetrj G j F , jetgh h pheth A tg`a³j` jefhetrg-sjjetrj G j F . Vj GA 0 AF , jetgh tg`a³j` tj`-sj GA 0 A F .
]rhvg. Vjng` g, a j f rjtgs pgr-gijigs j ` j e rjtgs quj detjr-fjptg` jstgs pgrgijigs ehs phe-ths G, A j F j G, A j F fh`hdecdfgch eg kurg gh igch. VjA jst³g jetrj G j F , jetgh G jF jstgh j` sj`d-pigehs cdstdethsrjigtdvg`jetj g rjtg a. Hasjrvjquj G j G jstgh j` u` `js`hsj`d-pigeh cjtjr`degch phr a, n³g
quj g j a sgh rjtgs pgrgijigs j Gj G pjrtjefj` g rjtg g.
` eC
G
A
J FF
f
a
g
A
G
Ch `js`h `hch F j F jstgh j` u` `js`h sj`d-pigeh cjtjr`degch phra. ]hcj`hs phrtgeth fhefiudr quj G j F jstgh j` sj`d-pigehs cdstdethsrjigtdvg`jetj g rjtg a. Ihkh a detjrfjptg h sjk`jeth GF j` u` ³uedfhpheth. Fh`h A ³j h pheth cj detjrfjssgh cg rjtg e fh` g rjtg a, j G jF pjrtjefj` g e fhefiu³ķ`hs quj h pheth cj detjrfjssgh cj GF fh` a ³jjxgtg`jetj h pheth A. Ihkh A pjrtjefj gh sjk`jeth GF j ihkh A jst³gjetrj G j F . Dsth cj`hestrg g prd`jdrg pgrtj cg prhphsd¿fgh.
<3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 73/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
]grg cj`hestrgr g sjkuecg pgrtj, trgfj pjih pheth A u`g rjtg pgrgijig
mg rjtg `. Jstg fhrtg gs rjtgs g j f j` pheths C j J , rjspjftdvg`jetj. Gr`hquj hs trdgekuihs ACG j AJF sgh fhekrujetjs. Cj lgth, fh`h CAAGj AJF A sgh pgrgijihkrg`hs, jetgh CA 0 A J . Hasjrvj quj hs gekuihsC ˌ A G j J A F sgh dkugds phr sjrj` hphsths pjih v³jrtdfj j A ˌ CG j A ˌ JF
sgh tg`a³j` dkugds phr sjrj` gekuihs fhrrjsphecjetjs cjtjr degchs phru`g trgesvjrsgi fhrtgcg pjigs pgrgijigs g j f. Dsth prhvg g ehssg gr`g¿fgh.Cg fhekrujefdg chs trdgekuihs ACG j AJF cjfhrrj d`jcdgtg`jetj qujGA 0 A F .
Jstg prhphsd¿fgh phcj sjr kjejrgidzgcg cj `gejdrg qugsj d`jcdgtg pgrg hfgsh j` quj cugs trgesvjrsgds fhrtg` u` e³u`jrh qugiqujr (`gdhr hu dkugig trjs) cj rjtgs pgrgijigs.
<.7: Fhrhi³grdh. Vupheog quj b rjtgs pgrgijigs g7, g1,...,gb fhrtg`cugs rjtgs ` j e ehs pheths G7, G1,...,Gb j ehs pheths G
7, G
1,...,G
b, rj-
spjftdvg`jetj. Vj G7G1,...,G1G6 0 » » » 0 Gb∑7Gb jetgh G
7G
1 0 G
1G
6 0» » » 0 G
b∑7G
b.
G prhvg cjstj fhrhi³grdh ³j cjdxgcg g fgrkh ch ijdthr. H tjhrj`g quj drj`hsjeuefdgr g sjkudr fhestdtud-sj eu`g jtgpg jssjefdgi pgrg h jstgajijfd`jethcg tjhrdg cgs kurgs sj`jiogetjs quj sjr³g cjsjevhivdcg eh pr³hxd`h fgp³ķtuih.Eg sug cj`hestrg¿fgh drj`hs utdidzgr, cj `gejdrg jssjefdgi, h lgth cj quj hfhrph chs e³u`jrhs rjgds ³j fh`pijth.
<.7< Sjhrj`g. Vj u`g rjtg, pgrgijig g u` chs igchs cj u` trdgekuih,fhrtg hs hutrhs chds igchs, jetgh jig sj cdvdcj eg `js`g rgzgh.
]rhvg. Vjng GAF u` trdgekuih. Fhesdcjrj u`g rjtg pgrgijig gh igchAF quj fhrtg hs igchs GA j GF , rjspjftdvg`jetj, ehs pheths C j J , fh`hrjprjsjetgch eg kurg (<.77). Cjvjrj`hs prhvgr quj>
(GC/GA) 0 (GJ/GF ).
]grg dsth, th`j u` pjqujeh sjk`jeth G] 7 eg sj`d-rjtg V GA cj `hch
quj gs rgzhjs GA/G] 7 j GC/G] 7 egh sjng` e³u`jrhs detjdrhs. Fhesdcjrj-`hs eg sj`d-rjtg V GA hs pheths ] 1, ] 6,...,] b,... tgds quj
b » G] 7 0 G] b
pgrg thch b ≪ 1. Jxdstj` jetgh chds e³u`jrhs detjdrhs ` j e tgds quj>
C jst³g jetrj ] j ] +7 jA jst³g jetrj ] e j ] e+7
<:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 74/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
A
C
G
J
F
Ldkurg <.77
Sj`-sj phrtgeth>
` » G] 7 9 GC 9 (` + 7) » G] 7 j
e » G] 7 9 GA 9 (e + 7) » G] 7.
³J jetgh sd`pijs fhefiudr cjstgs cjsdkugicgcjs quj
(g) `
e + 7 9
GC
GA9
` + 7
e .
Srgfj`hs pjihs pheths ] 7, ] 1,...,] e+7 rjtgs pgrgijigs g AF . Jstgs rjtgs,sjkuech (<.7:), fhrtg` g sj`d-rjtg V GF j` pheths W7, W1,...,We+7, hs qugds
tg`a³j` sgtdslgzj` g
b » GWi 0 GWb,
pgrg thch b, 1 ≪ b ≪ e + 7. Gi³j` cdssh, h pheth J jefhetrg-sj jetrjW` j W`+7 j h pheth F jetrj We j We + 7. H `js`h rgfdhf³ķedh ljdth gfd`gphcj sjr rjpjtdch gqud hatjech-sj fh`h rjsuitgch g cjsdkugicgcj>
(a) `
e + 7 9
GJ
GF 9
` + 7
e .
Gs cjsdkugicgcjs (g) j (a) pjr`dtj`-ehs fhefiudr quj
(f)
GC
GA∑
GJ
GF
9 ` + 7
e ∑
`
e + 7
Hasjrvj quj, fh`h ` ≪ e, jetgh
` + 7
e ∑
`
e + 7 0
` + e + 7
e(e + 7) ≪
1e + 1
e(e + 7) 0
1
e
<<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 75/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
hu sjng, gs rgzhjs GC/GA j GJ/GF cdljrj` phr egh `gds ch quj 1/e.
Wugeth `jehr lhr h sjk`jeth G] 7 tgeth `gdhr sjr³g h e³u`jrh e j tgeth`jehr sjr³g h quhfdjetj 1/e. Fh`h h igch jsqujrch cg cjsdkugicgcj (f) eghcjpjecj cj e, s³h phcj`hs fhefiudr quj hs quhfdjetjs GC/GA j GJ/GF sgh dkugds, fh`h qujr³ķg`hs cj`hestrgr.
<;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 76/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
J_JQF³DFDHV
7. Eg kurg gh igch H ³j h pheth `³jcdh cjGC j ˌ A 0 ˌ F . Vj A , H j F sgh fhidejgrjs,fhefiug quj hs trdgekuihs GAH j CHF sgh fhekrujetjs.
G A
F C
H
1. ]rhvj quj g sh`g cgs `jcdcgs chs gekuihs gkuchs cj u` trdgekuihrjtgekuih ³j 4=◬.
6. ]rhvj quj fgcg gekuih cj u` trdgekuih jqudi³gtjrh `jcj <=◬.
3. ]rhvj quj g `jcdcg ch gekuih jxtjreh cj u` trdgekuih ³j dkugi g sh`gcgs `jcdgs chs gekuihs detjreh g jij egh gcngfjetjs.
:. Z` sjk`jeth idkgech chds phethscj u` fdrfuih j pgssgch phr sju fjetrhfog`g-sj cdg`jtrh. Eg kurg gh igch H ³jh fjetrh ch fdrfuih, GA ³j u cdg`jtrh j
F ³j hutrh pheth ch fdrfuih. @hstrj quj 10 1»7.
G A
F
H
17
<. ]rhvj quj sj ` j e sgh rjtgs jqudcdstgetjs jetgh ` j e sgh pgrgijigshu fhdefdcjetjs.
;. Vjng GAF u` trdgekuih ds³hsfjijs fh` agsj GA. Vjng` @ j E hspheths `³jcdhs chs igchs FG j FA, rjspjtdvg`jetj. @hstrj quj, h rjfijxhch pheth F rjigtdvg`jetj. @hstrj quj, h rjfijxh ch pheth F rjigtdvg`jetj³g rjtg quj pgssg phr @ j E ³j jxgtg`jetj h pheth `³jcdh ch sjk`jeth GA .
?. Cj`hestrgr g prhphsd¿fgh (<.7=).
4. Cj`hestrj g prhphsd¿fgh (<.71).
7=. Z` rjtˌ gekuih ³j u` qugcrdi³gtjrh quj tj` thchs hs sjus gekuihs,
<?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 77/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
rjths. @hstrj quj, thch rjtgekuih ³j u` pgrgijihkrg`h.
77. @hstrj quj, gs cdgkhegds cj u` rjtgekuih sgh fhekrujetjs.
71. Z` ihsgekh ³j u` pgrgijihkrg`h quj tj` thchs hs sjus igchs fhekru-jetjs. @hstrj quj, gs cdgkhegds cj u` ihsgekh fhrtg`-sj j` gekuihs rjth jsgh adssjtrdzjs chs sjus gekuihs.
76. Z` qugcrgch ³j u rjtgekuih quj tg`a³j` ³j u` ihsgekh. @hstrjquj, sj gs cdgkhegds cj u` qugcrdi³gtjrh sgh fhekrujetjs j sj fhrtg` j` u`pheth quj ³j pheth `³jcdh cj g`ags, jetgh h qugcrdi³gtjrh ³j u` rjtgekuih.
73. Z` trgp³jzdh ³j u` qugcrdi³gtjrh j` quj chds igchs hphsths sgh pgr-gijihs. Hs igchs pgrgijihs cj u` trgp³jzdh sgh fog`gchs agsjs j hs hutrhschds sgh cjeh`degchs cj igtjrgds . Z trgp³jzdh ³j cdth ds³hsfjijs sj sug igtjrgdssgh fhekrujetjs. Vjng GAFC u` trgp³jzdh j` quj GA ³j u`g agsj. Vj jij ³jds³hsfjijs, `hstrj quj ˌ G 0 ˌ A j ˌ F 0 ˌ C .
7:. @hstrj quj, gs cdgkhegds cj u` trgp³jzdh ds³hsfjijs sgh fhekrujetjs.
<4
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 78/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
]QHAIJ@GV
7. @hstrj quj, hs fgshs (7) j (6) ch tjhrj`g (:.73) sgh fhesjqujefdgsd`jcdgtgs ch sjkuech fgsh cj fhekrujefdg cj trdgekuihs.
1. Cj`hestrj h fgsh (1) ch tjhrj`g (:.73) utdidzgech g fhestru¿fgh suk-jrdcg pjig kurg gagdxh.
G F
A A
G FC
6. @hstrj quj, sj chds gekuihs j h igch hphsth g u` cjijs, j` u`trdgekuih, sgh dkugds ³gs fhrrjsphecjetjs pgrtjs cj u` hutrh trdgekuih, jetghhs trdgekuihs sgh fhekrujetjs.
3. Eg kurg gh igch G, A j F sgh phethscj u` f³ķrfuih cj fjetrh H. @hstrj qujA ˌ HF 0 1»A ˌ GF .
A
F
GH
:. @hstrj quj, sj ` j e sgh cugs rjtgs qujlhr`g`, fh` u`g trgesvjrsgi, gekuihs 1j 6 (fh`h eg kurg gh igch) tgds quj 1 +
6 0 7?=◬
, jetgh ` j e sj detjrfjptg`.
16
<. @hstrj quj, sj hs gekuihs hphsths cj u` qugcrdi³gtjrh sgh fhekrujetjs,jetgh h qugcrdi³gtjrh ³j u` pgrgijihkrg`h.
;. @hstrj quj, sj gs cdgkhegds cj u` qugcrdi³gtjrh sj detjrfjptg` j` u`pheth `³jcdh g`ags, jetgh h qugcrdi³gtjrh ³j u` pgrgijihkrg`h.
?. @hstrj quj, sj gs cdgkhegds cj u` pgrgijihkrg`h sgh fhekrujetjs,jetgh h pgrgijihkrg`h ³j u` rjtgekuih.
;=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 79/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
4. @hstrj quj, u` pgrgijihkrg`h fungs cdgkhegds sgh pjrpjecdfuigrjs ³j
u` ihsgekh.
7=. ]rhvj quj h sjk`jeth idkgech hs pheths `³jcdhs cgs igtjrdgs cj u`trgp³jzdh ³j pgrgijih ³gs agsjs j quj sju fh`prd`jeth ³j g `jcdg grdt`³jtdfg chsfh`prd`jeths cgs agsjs.
77. @hstrj quj, hs pheths `³jcdhs chs igchs cj u` qugcrdi³gtjrh qugiqujrsgh v³jrtdfjs cj u` pgrgijihkrg`h.
71. Zsj g prhphsd¿fgh (<.7:) pgrg jstgajijfjr u` `³jthch cj cdvdsgh cju` sjk`jeth qugiqujr j` b pgrtjs dkugds.
76. Gchtj fh`h gxdh`g \ , j` suastdtud¿fgh gh gxdh`g \, g vgidcgcjcg prhphsd¿fgh fhetdcg eh prhaij`g : gfd`g. ]rhvj gkhrg h gxdh`g \ .Jxpidquj phr quj h prhaij`g : j jstj `hstrg` quj hs gxdh`gs \ j \ sghjqudcdstgetjs. H gxdh`g \ ³j jxgtg`jetj h qudeth gxdh`g cj Jufidcjs (vdcjfh`jet³grdh g sjkudr).
;7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 80/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
FH@JES ³GQDH
Jufidcjs agsjhu g fhestru¿fgh cg sug kjh`jtrdg j` 7= gxdh`gs sjpgrgchsj` chds kruphs> fdefh lhrg` figssdfgchs fh`h ’eh¿fhjs fh`ues‐ j hs hutrhsfh`h ’phstuigchs‐. G cdstde¿fgh jetrj jijs egh ³j cj thcg figrg. Gs ’eh¿fhjsfh`ues‐ pgrjfj` tjr sdch fhesdcjrgcgs fh`h odp³htjsjs gfjdt³gvjds g thcgs gsfdjefdgs hu g thcgs gs pjsshgs detjidkjetjs, jequgeth quj hs phstuigchs jrg`fhesdcjrgchs fh`h odp³htjsjs fgrgftjr³ķstdfgs cg kjh`jtrdg. Gs fdefh eh¿fhjsfh`ues jrg`>
7. Fhdsgs quj sgh dkugds g u`g `js`g fhdsg sgh tg`a³j` dkugds jetrj sd.1. Vj dkugds sgh gcdfdhegchs g dkugds, hs rjsuitgchs sgh dkugds.6. Vj dkugds sgh suatrg³ķchs cj dkugds, hs rjsths sgh dkugds.3. Fhdsgs quj fhdefdcj` fh` hutrgs fhdsgs sgh dkugds u`g g hutrg.:. H thch ³j `gdhr ch quj qugiqujr cj sugs pgrtjs.
Hs phstuigchs jrg`>
7. ]hcj-sj trg¿fgr u`g rjtg phr qugdsqujr chds pheths.1. ]hcj-sj fhetdeugr u`g rjtg deedtg`jetj.6. ]hcj-sj cjsfrjvjr u`g fdrfueljrjefdg fh` qugiqujr fjetrh j qugiqujr
rgdh.3. Shchs hs gekuihs rjths sgh dkugds.:. Vj u`g rjtg fhrtg cugs hutrgs rjtgs lhr`gech gekuihs fhigtjrgds
detjrehs fung sh`g ³j `jehr ch quj chds rjths, jetgh gs cugs rjtgs, sj fhe-tdeugcgs deedtg`jetj, jefhetrg,-sj eh igch eh qugi jstgh hs gekuihs fungsh`g ³j `jehr ch quj chds rjths.
J`ahrg Jufidcjs egh tjeog cdth jspjfdfg`jetj, fg figrh, gtrgv³js cglhr`g fh`h jij h utdidzhu, quj h prd`jdrh phstuigch rjljrj-sj g u`g ³uedfgrjtg idkgech hs chds pheths. Sg`a³j`, ch fhetjxth, fg figrh quj, pgrgJufidcjs, ’rjtg‐ sdkedfgvg h quj oh nj fog`g`hs cj ’sjk`jeth‐. Cg³ķ jij
lgigr j` ’fhetdeugr deedtg`jetj u`g rjtg‐ . Jij gssu`du tgfdtg`jetj qujtgi prhihekg`jeth phcj sjr ljdth cj u`g ³uedfg `gejdrg j` fgcg jxtrj`dcgcjcj u`g ’rjtg‐, cj `hch quj cugs rjtgs cdstdetgs egh phcj` tjr u` sjk`jethfh`u`. Cj lgth Jufidcjs utdidzhu-sj cj `udtgs odp³htjsjs quj egh fhestgvg`,sha ejeou`g lhr`g, ej` cgs ’eh¿fhjs fh`ues‐, ej` chs ’phstuigchs‐. Jstgh`dssgh ³j fhesdcjrgcg pjihs kjh`jtrgs fh`h u` chs `gds krgvjs cjljdths chs’Jij`jeths‐.
@js`h u` jxg`j gprjssgch ch idvrh D chs ’Jij`jeths‐ rjvjig quj jijfh`phj-sj cj trjs pgrtjs cdstdetgs (j`ahrg Jufidcjs egh gs tjeog sjpgrgchlhr`gi`jetj). G prd`jdrg pgrtj, fhestdtu³ķcg pjigs prd`jdrgs 1< prhphsd¿fhjs,
;1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 81/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
trgtg qugsj jxfiusdvg`jetj cg tjhrdg jij`jetgr chs trdgekuihs. Jig gargekj
thch h `gtjrdgi quj gprjsjetg`hs gt³j h egi ch fgp³ķtuih : cjstgs ehtgs. Gsjkuecg pgrtj trgtg cg tjhrdg cgs pgrgijigs. Dedfdg-sj fh` g prhphsd¿fgh 1;j prhssjkuj gt³j g prhphsd¿fgh 63. Gid sgh gpjsjetgcgs gs prhphsd¿fhjs qujgargekj` h `gtjrdgi gprjsjetgch eh fgp³ķtuih < cjstgs ehtgs. G pgrtdr cgprhphsd¿fgh 63, gt³j h egi (prhphsd¿fgh 3?), h idvrh D chs ’Jij`jeths‐ trgtg cgsrjig¿fhjs jetrj ³grjgs cj pgrgijihkrg`hs, trdgekuihs j qugcrgchs j fui`deg fh`h lg`hsh tjhrj`g cj ]dt³gkhrgs (]rhphsd¿fgh 3;) j cj sju devjrsh (]rhphsd¿fgh3?). ³J lgth d`phrtgetj g sjr hasjrvgch quj h qudeth phstuigch egh lhdutdidzgch phr Jufidcjs eg prhvg cj qugiqujr cgs 1< prd`jdrgs prhphsd¿fhjsch idvrh D, gs qugds gdecg sgh v³gidcgs fgsh h qudeth phstuigch sjng jxfiu³ķchhu trhfgch phr u` hutrh fh`pgt³ķvji fh` hs rjstgetjs phstuigchs j eh¿fhjs
fh`ues.O³g jvdcjefdg cj quj hs phstuigchs, pgrtdfuigr`jetj h qudeth, lhrg` lhr-
`uigchs phr Jufidcjs `js`h. Vgaj-sj quj h qudeth phstuigch threhu-sj,cj d`jcdgth, givh cj fr³ķtdfgs pjihs `gtj`³gtdfhs cg ³jphfg. Jstj lgth egh³j cj jstrgeogr, qugech fhesdcjrg`hs quj, prd`jdrg`jetj, jij ³j agstgetjcdljrjetj, defiusdvj j` tg`geoh chs hutrhs phstuigchs, pgrjfjech `gds u`gprhphsd¿fgh ch quj u` gxdh`g2 cjphds, tjfedfg`jetj, jij ³j g devjrsg cj u`gcgs prhphsd¿fhjs cj`hestrgcgs ehs ’Jij`jeths‐ fh` agsj gpjegs ehs qugtrhprd`jdrhs phstuigchs, g sgajr g prhphsd¿fgh 1;2 phr ³uitd`h, jij egh phssud,j` ejeou` sjetdch, gqujig fgrgftjr³ķstdfg cj ’guth-jvdcjefdg‐ quj fgrgftjr-dzhu dedfdgi`jetj g jsfhiog chs hutrhs gxdh`gs. Gi³j` cdssh, g sug tgrcdg
utdidzg¿fgh, gp³hs tgetgs prhphsd¿fhjs sjrj` prhvgcgs sj` sju guxdidh, ijvge-thu suspjdtgs cj quj jij sjrdg sd`pijs`jetj u`g prhphsd¿fgh cj`hestr³gvjig pgrtdr chs hutrhs gxdh`gs g qugi Jufidcjs egh fhesjkudrdg cj`hestrgr.Fh`h fhesjqujefdg cjssg suspjdtg, deu`jr³gvjds tjetgtdvgs lhrg` ljdtgs pgrgprhv³g-ih hu jid`de³g-ih gtrgv³js cj u`g rjcjed¿fgh ch fhefjdth cj rjtgs pgr-gijigs. Jetrj hs eh`js lg`hshs chs quj tjetgrg` cj`hestrgr h qudeth phs-tuigch phcj`hs idstgr ]rhfius(3?:-37= g.F.), Egsdrgcde (71=7-71;3), Nheo[jiids (7<7<-7;=6), Kjrhig`h Vgfojrd (7<<;-7;66), Nheo O. Ig`ajrt (7;1?-7;;;), Gcrdje @. Ijkjecrj (7;:1-7?66), Ihuds Ajrtrgec (7;67-7?71) j FgriL. Kguss (7;;;-7?::). Jstjs cjdxgrg` egs sugs hargs rjljrjefdgs rjijvgetjssharj h gssueth. ³J, eh jetgeth, fjrth quj thchs gqujijs detjrjssgchs sj-
rdg`jetj j` `gtj`³gtdfg gt³j h s³jfuih cjzjssjtj tjetgrg` jvjetugi`jetjcj`hestrgr h qudeth phstuigch.
Lhd sh`jetj eg prd`jdrg `jtgcj ch s³jfuih cjzjehvj quj hs `gtj`³gtdfhsfojkgrg` mg fhefiusgh cj quj h qudeth phstuigch egh jrg cj`hestr³gvji g pgr-tdr chs hutrhs qugtrh. Dsth hfhrrju fh` g cjsfhajrtg cgs fog`gcgs kjh`j-trdgs egh-Jufidcdgegs j` quj h qudeth phstuigch cj Jufidcjs ³j suastdtu³ķchphr u`g hutrg gr`g¿fgh quj ioj ³j fhetrgcdt³hrdg. Jstg cjsfhajrtg jst³g gssh-fdgcg fh` h eh`j cj chds `gtj`³gtdfhs quj g hatdvjrg` decjpjecjetj`jetj>Nhogee Ahiygd (7?=1-7?<=) j Edbhigd D. Ihagfojwsby (7;46-7?:<). Hs trg-
;6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 82/142
KJH@JSQDG JZFIDCDGEG ]IGEG H G_DH@G CGV ]GQGIJIGV
agiohs cjstjs chds `gtj`³gtdfhs lhd jijvgch mgs sugs cjvdcgs prhphr¿fhjs phr
Lrdcjrdfo A. Qdj`gee (7?1<-7?<<) quj cju defdh g u` sjkuech pjr³ķhch ehcjsjevhivd`jeth cgs kjh`jtrdg Jufidcdgegs j egh-Jufidcdgegs, u` pjr³ķhchfgrgftjrdzgch pjigs devjstdkg¿fhjs ch pheth cj vdstg cg kjh`jtrdg cdljrjefdgi,j` fhetrgtj fh` hs `³jthchs sdet³jtdfhs prjvdg`jetj utdidzgchs. Gsshfdgchs gjstj sjkuech pjr³ķhch jstgh hs eh`js cj Idj, Ajitrg`d, Fgyijy, Bijde, Fidhrcj Odiajrt.
Idj lhd rjsphes³gvji pjig detrhcu¿fgh chs kruphs cj trgeslhr`g¿fgh eh js-tuch cg kjh`jtrdg. Ajitrg`d tj` h frjcdth cj tjr prhcuzdch g prd jdrgprhvg cg fhesdstjefdg cgs kjh`jtrdgs egh jufidcdgegs. J`ahrg Ahiygd jIhagfojwsby egh tjeog` jefhetrgch ejeou`g fhetrgcd¿fgh j` sug kjh`j-trdg gh ihekh cj thcgs gs sugs devjstdkg¿fhjs, gdecg pjr`gejfdg g phssdadid-
cgcj cj quj giku`g defhesdstjefdg pucjssj gpgrjfjr eh cjsjevhivd`jeth cjehvhs trgagiohs cj pjsqudsg. Ajitrg`d `hstrhu fh`h g kjh`jtrdg cj Ahiygdj Ihagfojwsby phcdg sjr rjprjsjetgcg sharj u`g supjrl³ķfdj eh jspg¿fh Ju-fidcdgeh g trjs cd`jeshjs, cj lhr`g quj hs sjus phstuigchs lhssj` hatdchsg pgrtdr chs gxdh`gs cg kjh`jtrdg Jufidcdgeg. Fh`h fhesjqujefdg, qugi-qujr defhesdstjefdg quj pucjssj jxdstdr egs kjh`jtrdgs egh-Jufidcdgegs sjrdgtg`a³j` u`g defhesdstjefdg cg kjh`jtrdg Jufidcdgeg.
Hs trgagiohs cj Fgijy, Bijde j Fidhrc prhcuzdrg` u`g idecg figssd-fg¿fgh cjstgs kjh`jtrdgs ch pheth cj vdstg prhnjtdvh-`³jtrdfh. Cg³ķ j` cd-getj, g prjhfupg¿fgh fh` g luecg`jetg¿fgh cg kjh`jtrdg j` agsjs s³hidcgsch`dehu g pjsqudsg `gtj`³gtdfg sharj h gssueth fui`degch fh` g rjfhe-
stru¿fgh cg kjh`jtrdg Jufidcdgeg phr Odiajrt h quj, egi`jetj, j cjedtdvg-`jetj, jefjrrhu g ihekg agtgiog fh` h qudeth phstuigch cj Jufidcjs.
;3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 83/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
FG]³DSZIH ;
VJ@JIOGEF¿ G CJ SQDGEKZIHV
Cdrj`hs quj chds trdgekuihs sgh sj`jiogetjs sj lhr phss³ķvji jstgajijfjru`g fhrrjsphecjefdg adue³ķvhfg jetrj sjus v³jrtdfjs cj `hch quj gekuihsfhrrjsphecjetjs sjng` dkugds j igchs fhrrjsphecjetjs sjng` prhphrfdhegds.
F
G A J
K
L
Ldkurg ;.7
Fh` dsth qujrj`hs cdzjr quj, sj GAF j JL K sgh chds trdgekuihs sj`ji-ogetjs j sj G ↑ J , A ↑ L , F ↑ K ³j g fhrrjsphecjefdg quj jstgajijfj gsj`jioge¿fg, jetgh vgij` sd`uitgejg`jetj gs sjkudetjs dkugicgcjs>
ˌ G 0 ˌ J , ˌ A 0 ˌ L , ˌ F 0 ˌ K j
GA
JL 0
AF
L K0
FG
KJ
H quhfdjetj fh`u` jetrj gs jcdcgs chs igchs fhrrjsphecjetjs ³j fog`gchcj rgzgh cj prhphrfdhegidcgcj jetrj hs chds trdgekuihs.
Hasjrvj quj chds trdgekuihs fhekrujetjs sgh sj`jiogetjs fh` rgzgh cjprhphrfdhegidcgcj u`2 devjrsg`jetj, chds trdgekuihs sj`jiogetjs fh` rgzghcj prhphrfdhegidcgcj u`, sgh fhekrujetjs.
;:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 84/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
H tjhrj`g sjkudetj sjr³g rjljrdch fh`h ’sjkuech fgsh cj sj`jioge¿fg cj
trdgekuihs‐ g ` cj quj hs fgshs cj sj`jioge¿fg j hs fgshs cj fhekrujefdgsj fhrrjsphecg` cj u`g lhr`g egturgi.
;.7 Sjhrj`g. Cgch chds trdgekuihs GAF j JL K, sj ˌ G 0 ˌ J j ˌ A 0 ˌ L
jetgh hs trdgekuihs sgh sj`jiogetjs.
]rhvg. Fh`h g sh`g chs gekuihs cj u` trdgekuih ³j 7?=◬, jetgh gdkugicgcj chs gekuihs ˌ G j ˌ J j chs gekuihs ˌ A j ˌ L gfgrrjtg eg dkugicgcj chsgekuihs ˌ F j ˌ K . Qjstg prhvgr quj hs igchs sgh prhphrfdhegs. ]grg dsth th`jeg sj`d-rjtg V JL h pheth O cj `hch quj JO 0 GA . ]jih pheth O trgfju`g rjtg pgrgijig g L K.
G
F
A J
N
K
LO
Ldkurg ;.1
Jstg fhrtg g sj`d rjtg V JK eu` pheth N , lhr`gech u` trdgekuih J ON quj ³j fhekrujetj gh trdgekuih GAF (n³g quj ˌ G 0 ˌ J , GA 0 JO j ˌ A 0 ˌ L 0J ˌ ON . Jstg uitd`g dkugicgcj cjvj-sj gh pgrgijids`h cj N O j KL ). Vjkuj-sjgkhrg ch tjhrj`g (<.7<) quj (JO/JL ) 0 (JN/JK). Fh`h JO 0 GA jJN 0 GF jetgh, cg dkugicgcj gfd`g hat³j`-sj>
(GA/JL ) 0 (GF/JK).
Cj `gejdrg ge³gihkg cj`hestrg-sj quj (GF/JK) 0 (FA/KL ). Ldfgcj`hestrgch h tjhrj`g.
H tjhrj`g (;.7) pjr`dtj fhestrudr, fh` lgfdidcgcj, jxj`pihs chs trge-kuiohs sj`jiogetjs lgzjech-sj ush cg r³jkug j trgesljrdchr. ]hr jxj`pih,pgrg cjsjeogr u` trdgekuih sj`jiogetj gh trdgekuih GAF cg kurg (;.6),dedfdg-sj trg¿fgech u` sjk`jeth JL qugiqujr2
;<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 85/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
GA
F
K
L
J
Ldkurg ;.6
g pgrtdr cj sugs jxtrj`dcgcjs fhestrhj`-sj gekuihs ˌ J j ˌ L dkugds ghsgekuihs ˌ G j ˌ A , rjspjftdvg`jetj (j` u` `js`h sj`dpigeh cjtjr`degch pjigrjtg JL )2 prhihekgech-sj hs igchs cjstjs gekuihs cjtjr`deg-sj u` phethK. Cj gfhrch fh` g prhphsd¿fgh getjrdhr hs trdgekuihs GAF j JL K sghsj`jiogetjs.
H sjkudetj tjhrj`g sjr³g rjljrdch fh`h prd`jdrh fgsh cj sj`jioge¿fg cj
trdˌ gekuihs .
;.1 Sjhrj`g. Vj j` chds trdgekuihs GAF j JL K tj`-sj ˌ G 0 ˌ J j(GA/JL ) 0 (GF/JK), jetgh hs trdgekuihs sgh sj`jiogetjs.
]rhvg. Fhestrug u` trdgekuih ODN quj tjeog OD 0 J L , ˌ O 0 ˌ G j ˌ D
0 ˌ A .
G
F
A J
K N
L O D
Ldkurg ;.3
Cj gfhrch fh` h tjhrj`g (;.7), hs trdgekuihs GAF j ODN sgh sj`ji-
;;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 86/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
ogetjs.
]hr fhesjkudetj>
(GA/OD ) 0 (GF/ON ).
Fh`h O D 0 JL , g odp³htjsj (GA/JL ) 0 (GF/JK) j g dkugicgcj gfd`gd`pidfg quj>
ON 0 JK.
Fh`h, phr fhestru¿fgh O D 0 JL j ˌ O 0 ˌ G 0 ˌ J , phcj`hs fhefiudr, pjih
prd`jdrh fgsh cj fhekrujefdg cj trdgekuihs, quj hs trdgekuihs JL K j ODN sgh fhekrujetjs. Fh`h n³g sga³ķg`hs quj GAF j ODN jrg` sj`jiogetjs,phcj`hs fhefiudr lgfdi`jetj quj GA F j J L K sgh sj`jiogetjs.
H tjrfjdrh fgsh cj sj`jioge¿fg cj trdgekuihs ³j h sjkudetj.
;.6. Sjhrj`g. Vj, j` chds trdgekuihs GA F j J L K, tj sj
GA
JL 0
AF
L K0
FG
KJ ,
jetgh hs chds trdgekuihs sgh sj`jiogetjs.
]rhvg. Fhestrug u` trdgekuih ODN quj tjeog ˌ O 0 ˌ G, OD 0 JL jON 0 JK. Vjkuj-sj jetgh cg odp³htjsj quj
(GA/OD ) 0 (GF/ON ).
]hrtgeth, cj gfhrch fh` h tjhrj`g (;.1), hs trdgekuihs GAF j O DN sghsj`jiogetjs.
G A J L O D
NK
F
Ldkurg ;.:
;?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 87/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
Cjfhrrj cg³ķ quj, gi³j` cg dkugicgcj gfd`g, tg`a³j` hfhrrj.
(GA/OD ) 0 (AF/DN ).
Vjkuj-sj (cg³ķ j cg odp³htjsj ch tjhrj`g) quj DN 0 L K. Fh`h n³g t³ķeog`hsquj O D 0 JL j O N 0 JK (phr fhestru¿fgh) jetgh pjih tjrfjdrh fgsh cj fhe-krujefdg cj trdgekuihs, ODN j JL K sgh fhekrujetjs. Fh`h ODN j GAF sgh sj`jiogetjs, fhefiud-sj quj GAF j JL K sgh tg`a³j` sj`jiogetjs. Dsthfhefiud g prhvg ch tjhrj`g.
Vjng GA F u` trdgekuih rjtgekuih fh` gekuih rjth eh v³jrtdfj G. Srgfj
g giturg GC ch v³jrtdfj G gh igch AF . Eh quj sj sjkuj vg`hs lgzjr ush cgsjkudetj ehtg¿fgh g 0 AF , a 0 GF , f 0 GA , o 0 GC, ` 0 AC j e 0 CF .
F
G
AC
a
e
o
g
f
`
Ldkurg ;.<
Fh`h GC ³j pjrpjecdfuigr g A F , jetgh hs trdgekuihs GCA j GCF sghrjtgekuihs. Fh`h ˌ A + ˌ F 0 4=◬ j ˌ A + A ˌ GC 0 4=◬ jetgh
A GC 0 F
Fh`h tg`a³j` C
ˌ
GF + ˌ
F 0 4=
◬
jetgh
C ˌ GF 0 ˌ A .
Hs trdgekuihs GCA j FCG sgh phrtgeth g`ahs sj`jiogetjs gh trdgekuihGAF j sgh tg`a³j` sj`jiogetjs jetrj sd` Cjstgs sj`jioge¿fgs phcj`hscjcuzdr v³grdgs rjig¿fhjs jetrj gs `jcdcgs g, a, f, o, ` j e gfd`g `jefdhegcgs.]hr jxj`pih, g sj`jioge¿fgs jetrj GCA j FCG ³j g quj ijvg G j` F . Aj` G j C j` C. Fh`h fhesjqujefdg cjstg sj`jioge¿fg tj` sj
;4
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 88/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
fa
0 `o
0 oe
Cg ³uitd`g dkugicgcj cjcuz-sj quj
o1 0 `e
Gssd` prhvg`hs g sjkudetj prhphsd¿fgh2
;.3 ]rhphsd¿fgh. J` thch trdgekuih rjtgekuih g giturg ch v³jrtdfj chgekuih rjth ³j `jcdg prhphrfdhegi jetrj gs prhnj¿fhjs chs fgtjths sharj godphtjeusg.
H sjkudetj ³j u` chs `gds d`phrtgetjs j `gds utjds tjhrj`gs cg kjh`jtrdgJufidcdgeg pigeg. ³J fheojfdch fh`h ’tjhrj`g cj ]dt³gkhrgs‐ j` oh`hkjejgg u` krgecj kjh`jtrg cg Kr³jfdg getdkg.
;.:. Sjhrj`g (]dt³gkhrgs). J` thch trdgekuih rjtgekuih h qugcrgchch fh`prd jeth cg odphtjeusg ³j dkugi g sh`g chs qugcrgchs chs fh`prd-`jeths chs fgtjths.
J` tjr`hs cg ehtg¿fgh jstgajijfdcg gfd`g h tjhrj`g cj ]dt³gkhrgs gr`g
quj
g1 0 a1 + f1
]rhvg. G prhvg ch tjhrj`g cj ]dt³gkhrgs ³j u`g fhesjqujefdg cg sj`ji-oge¿fg chs trdgekuihs GCA, F CG j GA F . Cg sj`jioge¿fg cj GCA j GAF (G ↑ F, A ↑ A j C ↑ G) fhefiud-sj quj
`
f 0
f
g
Cg sj`jioge¿fg chs trdgekuihs F CG j GAF fhefiud-sj quj
e
a 0
a
g
Ihkh g` 0 f1 j ge 0 a1. ]hrtgeth g(` + e) 0 f1 + a1. Fh`h ` + e 0 g,jetgh g1 0 a1 + f1, fh`h qujr³ķg`hs cj`hestrgr.
G sjkudetj prhphsd¿fgh ³j g devjrsg ch tjhrj`g cj ]dt³gkhrgs.
?=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 89/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
;.< ]rhphsd¿fgh. Z` trdgekuih phssud igchs `jcdech g, a j f. Vj
g1 0 a1 + f1, jetgh h trdgekuih ³j rjtgekuih j sug odphtjeusg ³j h igch quj`jcj g.
]rhvg. Fhestrug u` rjtgekuih funhs fgtjths `j¿fg` jxgtg`jetj a j f.Ejstj ehvh trdgekuih, cj gfhrch fh` h tjhrj`g cj ]dt³gkhrgs, g odphtjeusg`jcj
∞ a1 + f1 0 g. ]hrtgeth, jstj ehvh trdgekuih (quj ³j rjtgekuih) tj`
igchs `jcdech g, a j f. ]jih tjrfjdrh fgsh cj fhekrujefdg, jij ³j phrtgeth,fhekrujetj gh trdgekuih hrdkdegi. Ihkh h trdgekuih hrdkdegi ³j rjtgekuih j sugodphtjeusg `jcj g.
?7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 90/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
J_JQF³DFDHV
7. Wugeth `jcj g odphtjeusg cj u` trdgekuih rjtgekuih j` quj hsfgtjths `jcj` u` fjet³ķ`jtrh fgcg8
1. Wugeth `jcj g giturg cj u` trdgekuih jqudi³gtjrh funhs igchs `jcj`u` fjet³ķ`jtrh fgcg8
6. Eh trdgekuih GA F , GA 0 :, AF 0 71, FG 0 76. Wugi g `jcdcg chgekuih ˌ A 8
3. Eh trdgekuih CJL , CJ 0 JL 0 < j L C 0 <∞
1. Wugeth `jcj` hsgekuihs ch trdgekuih8
:. Z`g fgdxg `jcj 71 fjet³ķ`jtrhs cj fh`prd`jeth, 3 fjet³ķ`jtrhs cjigrkurg j 6 fjet³ķ`jtrhs cj giturg. Wugeth `jcj` gs cdgkhegds cj fgcg u`gcgs lgfjs cg fgdxg8
<. @hstrj quj chds trdgekuihs jqudi³gtjrhs sgh sj`prj sj`jiogetjs.
;. @hstrj quj sgh sj`jiogetjs chds trdgekuihs ds³hsfjijs quj tj` dkugdshs gekuihs hphsths mg agsj.
?. Eg kurg gh igch C ³j pheth `³jcdh cjGA j J ³j pheth `³jcdh cj GF . @hstrjquj hs trdgekuihs GCJ j GAF sgh sj`ji-ogetjs. G
CA
F
J
4. Eg kurg gh igch tj`-sj quj ACG
j GAF sgh sj`jiogetjs, sjech g sj`ji-oge¿fg g quj ijvg A j` G, C j` A j Gj` F . Fhefiug quj h trdgekuih ACG ³jds³hsfjijs.
G
A
FC
7=. @hstrj quj thch trdgekuih rjtgekuih cj igchs p1∑ q 1, 1 pq j p1 + q 1 ³ju` trdgekuih rjtgekuih. Gqud p j q sgh qugdsqujr e³u`jrhs detjdrhs phsdtdvhsfh` p 5 q .
77. Shchs hs trdgekuihs decdfgchs eg kurg gagdxh sgh rjtgekuihs. Cj-
?1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 91/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
tjr`dej g, a, f, c j j.
L
HG
A
FC
J
7
7 7
7
7
7
g
afc
j
?6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 92/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
]QHAIJ@GV
7. ]rhvj h sjkuech fgsh cj sj`jioge¿fg cj trdgekuihs suphech fheojfdchh tjhrj`g (;.1) j sj` lgzjr ush ch tjhrj`g (<.7<).
1. ]rhvj quj g rjig¿fgh ’³j sj`jiogetj g‐ ³j trgesdtdvg, dsth ³j, prhvj quj,chds trdgekuihs sgh sj`jiogetjs g u` tjrfjdrh, jetgh sgh sj`jiogetjs jetrjsd.
6. ]rhvj quj giturgs fhrrjsphecjetjs j` trdgekuihs sj`jiogetjs jstgh
eg `js`g rgzgh quj hs igchs fhrrjsphecjetjs.
3. ]rhvj quj g adssjtrdz cj u` gekuih cj u` trdgekuih cdvdcj h igchhphsth j` sjk`jeths prhphrfdhegds ghs hutrhs chds igchs. Dsth ³j, sj GAF ³jh trdgekuih j A C ³j g adssjtrdz ch gekuih ˌ A sjech C u` pheth cj igch GF ,jetgh (GC/CF ) 0 (GA/AF ). (Gnucg> trgfj pjih pheth G u`g rjtg pgr-gijig gh igch AC. Jstg detjrfjptg g sj`d-rjtg V FA eu` pheth J lhr`gechtrdgekuihs sj`jiogetjs).
:. Jeuefdj j prhvj g gr`g¿fgh devjrsg ch jxjrf³ķfdh getjrdhr.
<. ]rhvj quj, sj u` trdgekuih rjtgekuih tj` gekuihs gkuchs cj 6=◬ j<=◬, jetgh sju `jehr fgtjth `jcj `jtgcj ch fh`prd`jeth cg odphtjeusg.(gnucg> Lg¿fg ush ch quj lhd hatdch eh jxjrf³ķfdh 1).
;. ]rhvj quj, sj j` u` trdgekuih rjtgekuih h `jehr fgtjth `jcj `jtgcjch fh`prd`jeth cg odphtjeusg, jetgh sjus gekuihs gkuchs sgh cj 6=◬ j <=◬.
?. ]rhvj quj, sj chds trdgekuihs tj` igchs fhrrjsphecjetjs pgrgijihs,jetgh jijs sgh sj`jiogetjs. ]rhvj tg`a³j` quj gs rjtgs idkgech hs v³jrtdfjsfhrrjsphecjetjs sgh fhefhrrjetjs hu pgrgijigs. (Vupheog quj hs v³jrtdfjsfhrrjsphecjetjs sgh cdsnueths).
?3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 93/142
KJH@JSQDG JZFIDCDGEG ]IGEG VJ@JIOGEF¿ G CJ SQDGEKZIHV
FH@JES ³GQDH
]dt³gkhrgs, quj `hrrju j` 34= g.F., lhd fheojfdch phr sjus fhetj`-phrgejhs fh`h luecgchr cj u` `hvd`jeth cj fueoh rjidkdhsh quj vjdh g sjrfheojfdch fh`h ]dtgkhrds`h. Hs pdtgk³hrdfhs detjrjssgvg`-sj pjig fdjefdgcj u` `hch kjrgi j pgrtdfuigr`jetj pjig Ldihshg j pjig @gtj`³gtdfg. Ehquj fhefjrej mg @gtj`³gtdfg g `gdhr fhetrdaud¿fgh chs pdtgk³hrdfhs lhd h cjsje-vhivd`jeth cg tjhrdg chs e³u`jrhs, j g cjsfhajrtg chs e³u`jrhs drrgfdhegds.Lhrg` jijs quj prhvgrg`, pjig prd`jdrg vjz, quj h eu`jrh
∞ 1 ³j drrgfdhegi.
G prhvg cjstj lgth gprjsjetgcg eh 7=◬ idvrh cj Jufidcjs ³j g sjkudetj>
Vupheog quj∞
1 ³j u` eu`jrh rgfdhegi. Jetgh∞
1 phcj sjr rjprjsjetgcheg lhr`g
∞ 1 0 `/e hecj ` j e sgh chds e³u`jrhs detjdrhs prd`hs jetrj sd.
Ihkh 1e1 0 `1. Fh`h fhesjqujefdg `1 ³j u` eu`jrh pgr. @gs jetgh ` ³jpgr j phcj`hs jsfrjvjr ` fh`h ` 0 1 p. ]hrtgeth 1e1 0 `1 0 3 p1. @gsjetgh e1 0 1 p1. Vjkuj-sj quj e1 ³j u` eu`jrh pgr j, fh`h fhesjqujefdg, e³j u` eu`jrh pgr. @gs sj e ³j pgr j ` ³j pgr jetgh hs chds egh sgh prd`hsjetrj sd. ]hr hutrh igch, eh dedfdh, ogv³ķg`hs jsfhiodchs ` j e prd`hs jetrjsd. Jstg fhetrgcd¿fgh prhvj` cg odp³htjsj cj quj
∞ 1 ³j rgfdhegi. ]hrtgeth,∞
1 egh ³j rgfdhegi.
Jstg cjsfhajrtg lhd, sj` cuvdcg, g krgecj fhetrdaud¿fgh ch ]dtgkhrds`hg Kjh`jtrdg Krjkg. Jig defiujefdhu cj lhr`g cjedtdvg h cjsjevhivd`jethquj tjvj g @gtj`³gtdfg Kr³jfdg g pgrtdr cg³ķ.
G ijecg sharj g hrdkj` ch tjhrj`g cj ]dt³gkhrgs cdz quj jij lhd cj-sfhajrth phr ]dt³gkhrgs h qugi sgfrdfhu 7== ahds ghs Cjusjs fh`h prhvg cjsug krgtdcgh phr tjr fhesjkudch jstg cjsfhajrtg.
Eh jetgeth, g vjrcgcj odst³hrdfg ³j quj h tjhrj`g cj ]dt³gkhrgs n³g jrgfheojfdch, j` fgshs pgrtdfuigrjs eh Jkdth (6.=== g.F.), j j` sug thtgi kje-jrgidcgcj pjihs Vu`³jrdhs j Agadihedhs (1=== g 7=== g.F.). J ³j aj` phss³ķvjiquj sug cj`hestrg¿fgh tjeog sdch hatdch eg Kr³jfdg j` ³jphfg getjrdhr g cj]dt³gkhrgs.
O³g u` krgecj e³u`jrh cj cj`hestrg¿fgh cjstj tjhrj`g. Ejssj fgp³ķtuihgprjstg`hs u`g cjigs, j giku`gs hutrgs sjrgh gprjsjetgcgs eh fgp³ķtuihrjigtdvh g ³grjgs, sha g lhr`g cj jxjrf³ķfdhs j prhaij`gs.
?:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 94/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
FG]³DSZIH ?
H F³DQFZIH
Eh fgp³ķtuih 1 cjed`hs f³ķrfuih cj fjetrh G j rgdh r fh`h h fhenuethchs pheths ch pigeh quj jstgh g u`g cdstgefdg r ch pheth G. Sg`a³j`fog`grj`hs cj rgdh gh sjk`jeth quj uej h fjetrh ch f³ķrfuih g qugiqujr cjsjus pheths. H sjk`jeth idkgech chds pheths cj u` f³ķrfuih sjr³g cjeh`degch
cj dt fhrcg. Shcg fhrcg quj pgssg pjih fjetrh ch f³ķrfuih ³j u` cdˌ g`jtrh.Sg`a³j` fog`grj`hs cj cdg`jtrh g cdstgefdg 1r. Egh ogvjr³g pjrdkh cjfhelusgh eh ush cg `js`g pgigvrg pgrg sdkedfgr cugs fhdsgs cdljrjetjs. Ehfhetjxth sjr³g sj`prj figrh g quj jstg`hs ehs rjljrdech.
H C
F
G
A
GA j FC sgh fhrcgsFC ³j u cdg`jtrh
Ldkurg ?.7
?.7 ]rhphsd¿fgh> Z` rgdh ³j pjrpjecdfuigr g u`g fhrcg (quj egh ³j u`cdg`jtrh) sj j sh`jetj sj g cdvdcj j` chds sjk`jeths fhekrujetjs.
]rhvg. Vjng H h fjetrh ch f³ķrfuih j HF h rgdh quj ³j pjrpjecdfuigr gfhrcg GA. Vjng @ h pheth cj detjrfjssgh cg fhrcg fh` rgdh. Fh` HG 0 HA
(rgdhs) jetgh h trdgekuih HGA ³j ds³hsfjijs fh` agsj GA.
?<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 95/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
F H
A
G
Ldkurg ?.1
Ihkh ˌ G 0 ˌ A . Vj g fhrcg ³j pjrpjecdfuigr gh rgdh, jetgh hs gekuihs H ˌ @G
j H ˌ @A sgh rjths. Fh`h fhesjqujefdg G ˌ H@ 0 A H@ . Vjkuj-sj jetgh, pjihprd`jdrh fgsh cj fhekrujefdg cj trdgekuihs, quj GH@ 0 AH@ . Fh`hfhesjqujefdg G@ 0 @ A. Devjrsg`jetj, sj G@ 0 @ A, jetgh, pjih tjrfjdrhfgsh cj fhekrujefdg cj trdgekuihs cjcuz-sj quj> GH@ 0 AH@ . Fh`hfhesjqujefdg, H ˌ @G 0 H ˌ @A . @gs fh`h g sh`g cjstjs chds gekuihs ³j u`gekuih rgsh, fhefiud-sj quj fgcg u` cjijs `jcj 4=◬. ]hrtgeth g fhrcg ³jpjrpjecdfuigr gh rgdh pgssgech phr @ . Dsth fh`pijtg g prhvg cg prhphsd¿fgh.
Wugech u`g rjtg j u` f³ķrfuih tj` gpjegs u` pheth j` fh`u`, cdzj`hsquj g rjtg tgekjefdg h f³ķrfuih j fog`g`hs g rjtg cj tgekjetj gh f³ķrfuih.H pheth fh`u` jetrj u`g tgekjetj j u` f³ķrfuih ³j fog`gch cj pheth cj
tgekjefdg hu pheth cj fhetgth.
?.1 ]rhphsd¿fgh Vj u`g rjtg ³j tgekjetj g u` f³ķrfuih jetgh jig ³j pjr-pjecdfuigr gh rgdh quj idkg h fjetrh gh pheth cj tgekjefdg.
H
`
S
]
S
Ldkurg ?.6
]rhvg. Fhesdcjrj`hs u` f³ķrfuih cj fjetrh H j u`g rjtg ` quj ioj
?;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 96/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
sjng tgekjetj. Vjng S h pheth cj tgekjefdg. Cjsdkegrj`hs phr ] h p³j cg
pjrpjecdfuigr agdxgcg ch pheth H mg rjtg `. Khstgr³ķg`hs cj cj fhefiudr quj] j S fhdefdcj`. \g`hs jetgh suphr quj ] j S sgh pheths cdstdeths. JetghHS ³j g odphtjeusg ch trdgekuih rjtgekuih H] S > ]hrtgeth H] 9 HS . Fh`hHS ³j u` rgdh, jetgh ] ³j u` pheth quj jst³g cjetrh ch f³ķrfuih. Sh`j`hsjetgh u` pheth S sharj g rjtg `, tgi quj ] S 0 ] S , fh` S 0 S . ]jihprd`jdrh fgsh cj fhekrujefdg cj trdgekuihs fhefiu³ķ`hs quj H] S 0 H] S .]hrtgeth HS 0 HS . @gs jetgh S ³j hutrh pheth cg rjtg ` quj tg`a³j`pjrtjefj gh f³ķrfuih. Ihkh g rjtg ` egh ³j tgekjetj. Fhetrgcd¿fgh! Gssd` ]
j S fhdefdcj` j g prhphsd¿fgh fg cj`hestrgcg.G jxtrj`dcgcj cj u` rgdh quj egh ³j h fjetrh ch f³ķrfuih ³j fog`gcg cj
jxtrj`dcgcj ch rgdh.
?.6 ]rhphsd¿fgh. Vj u`g rjtg ³j pjrpjecdfuigr g u` rgdh j` sug jx-trj`dcgcj, jetgh g rjtg ³j tgekjetj gh f³ķrfuih.
]rhvg. Fhesdcjrj`hs u` f³ķrfuih cj fjetrh H j sjng ` u`g rjtg pjr-pjecdfuigr gh rgdh HS pgssgech pjih pheth S . Cjvj`hs prhvgr quj ` ³jtgekjetj gh f³ķrfuih, hu sjng, quj ` egh tj` hutrh pheth cj detjrfjssgh fh`h f³ķrfuih. Vjng ] qugiqujr hutrh pheth cj `, jetgh h trdgekuih HS ] ³j
rjtgekuih j phrtgeth HS 1
+ S ] 1
0 H] 1
. Vjkuj-sj quj H] 5 HS j phr-tgeth ] jst³g lhrg ch f³ķrfuih. Ihkh S ³j h ³uedfh pheth fh`u` mg rjtg j ghf³ķrfuih. Dsth fhefiud g cj`hestrg¿fgh.
Vjng G j A chds pheths cj u` f³ķrfuih. Srgfj`hs g rjtg quj pgssg phrjstjs chds pheths. Jig sjpgrg h pigeh j` chds sj`d-pigehs. Fgcg u` cjstjssj`dpigehs fhetj` u`g pgrtj ch f³ķrfuih. Jstgs pgrtjs sgh cjeh`degcgscj grfhs cjtjr`degchs pjih pheths pheths G j A. Wugech G j A sgh jx-trj`dcgcjs cj u` cdg`jtrh, jstjs grfhs sgh cjeh`degchs cj sj`df³ķrfuihs .Wugech g fhrcg GA egh ³j u` cdg`jtrh, cdstdekud`hs hs chds grfhs cjtjr-`degchs phr G j A ch sjkudetj `hch> fh`h h fjetrh ch f³ķrfuih jefhetrg-sjj` u` sj`dpigeh cjtjr`degchs pjig rjtg quj pgssg phr G j A, h grfh qujfg eh `js`h sj`dpigeh quj h fjetrh ch f³ķrfuih ³j fog`gch cj grfh `gdhr ,h hutrh ³j fog`gch cj grfh `jehr . Hasjrvj quj hs rgdhs quj idkg` h fjetrhch f³ķrfuih ghs pheths ch grfh `jehr thchs fhrtg` g fhrcg GA. N³g hs rgdhs
quj idkg` h fjetrh ch f³ķrfuih ghs pheths ch grfh `gdhr egh detjrfjptg` gfhrcg GA.
??
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 97/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
G
A
H
grfh `jehr
grfh `gdhr
Ldkurg ?.3
Vj H ³j h fjetrh ch f³ķrfuih jetgh G ˌ HA ³j fog`gch cj ˌ gekuih fjetrgi .G `jcdcg j` krgus ch grfh `jehr cjtjr`degch pjihs pheths G j A ³j phrcjed¿fgh g `jcdcg ch gekuih fjetrgi G ˌ HA . G `jcdcg j` krgus ch grfh
`gdhr ³j cjedcg fh`h sjech 6<=◬ ∑ g◬, hecj g◬ ³j g `jcdcg j` krgus chgrfh `jehr. Eh fgsh j` quj GA ³j u cdg`jtrh g `jcdcg chs chds grfhs ³j7?=◬.
?.3 ]rhphsd¿fgh. J` u` `js`h f³ķrfuih, hu j` f³ķrfuihs cj `js`h rgdh,fhrcgs fhekrujetjs cjtjr`deg` gekuihs fjetrgds fhekrujetjs j rjfdprhfg-`jetj.
G prhvg cjstg prhphsd¿fgh ³j sd`pijs j ³j cjdxgcg g fgrkh ch ijdthr. Z`gfhesjqujefdg cjig ³j quj fhrcgs fhekrujetjs cjtjr`deg` grfhs `jehrjs cj`js`g `jcdcg j phrtgeth, tg`a³j` grfhs `gdhrjs cj `js`g `jcdcg.
H ijdthr cjvj hasjrvgr quj, g `gejdrg sj sh`gr gekuihs quj tj` h `js`hv³jrtdfj pjr`dtj detrhcuzdr u`g `gejdrg cj sh`gr grfhs quj sj nustgphj`.Jstg sh`g ³j gsshfdgtdvg j fh`utgtdvg fh`h h ³j g sh`g cj gekuihs.
Z` gekuih sj cjeh`deg desfrdth j` u` f³ķrfuih sj sju v³jrtdfj G ³j u`pheth pheth ch f³ķrfuih j sjus igchs fhrtg` h f³ķrfuih j` pheths A j F
cdstdeths ch pheth G. Hs pheths A j F cjtjr`deg` chds grfhs. H grfh qujegh fhetdvjr h pheth G ³j fog`gch cj grfh fhrrjsphecjetj gh gekuih desfrdth
cgch. Cdrj`hs tg`a³j` quj h gekuih suatjecj h grfh.
?4
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 98/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
H H HG
F
A
G
F
A
G
F
A
Ldkurg ?.:
?.: ]rhphsd¿fgh. Shch gekuih desfrdth j` u` f³ķrfuih tj` g `jtgcj cg`jcdcg ch grfh fhrrjsphecjetj.
]rhvg. Fhesdcjrj`hs prd`jdrh h fgsh j` quj u` chs igchs ch gekuihdesfrdth ³j u` cdg`jtrh. Vjng G h v³jrtdfj ch gekuih desfrdth j A j F hspheths j` quj sjus igchs fhrtg` h f³ķrfuih. Vupheog quj h fjetrh H chf³ķrfuih pjrtje¿fg gh igch GF . Ejstj fgsh, g `jcdcg ch grfh fhrrjsphecjetjgh gekuih desfrdth ³j g `jcdcg ch gekuih A ˌ HF . Fh`h AH 0 GH jetgh htrdgekuih HGA ³j ds³hsfjijs j phrtgeth H ˌ GA 0 H ˌ AG. @gs jetgh A ˌ HF 0H ˌ GA + H ˌ AG 0 1 » F ˌ GA . ]hrtgeth, ejstj fgsh pgrtdfuigr g prhphsd¿fgh ³jvjrcgcjdrg.
HH HG F
A
G
AF
C
GA
F
C
Ldkurg ?.<
Vupheog`hs gkhrg quj ejeou` chs igchs ch gekuih desfrdth ³j u` cdg`jtrh.Srgfj`hs jetgh h cdg`jtrh quj pgssg pjih v³jrtdfj G ch gekuih desfrdth. VjngC g hutrg jxtrj`dcgcj cjstj cdg`jtrh. ]jih prd`jdrh fgsh fhefiudrj`hs qujA ˌ HC 0 1 » A ˌ GC j quj C ˌ HF 0 1 » C ˌ GF .
Ejstj pheth tj`hs cj cdstdekudr chds fgshs> (g) h cdg`jtrh GC cdvdcjh gekuih A ˌ GF . (a) H cdg`jtrh GC egh cdvdcj h gekuih A ˌ GF . (\jng kurggfd g). Eh fgsh (g), tj`hs quj A ˌ GC + C ˌ GF 0 A ˌ GF . G cj`hestrg¿fgh ³jjetgh fh`pijtgcg sh`gech-sj gs dkugicgcjs n³g jefhetrgcgs>
A ˌ HC + C ˌ HF 0 1 » (A ˌ GC + C ˌ GF ) 0 1 » A ˌ GF .
4=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 99/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
Hasjrvj quj A ˌ HC + C ˌ HF ³j jxgtg`jetj g `jcdcg ch grfh fhrrjsphecjetj
gh gekuih A ˌ GF . Eh fgsh (a), phcj` gdecg gcvdr cugs sdtug¿fhjs cdstdetgs>(d) GF cdvdcj h gekuih A ˌ GC j (dd) GA cdvdcj h gekuih F ˌ GC . G prhvg ehschds fgshs ³j jssjefdgi`jetj g `js`g. Lgrj`hs h fgsh (d). Ejstj fgsh A ˌ GF 0A ˌ GC - F ˌ GC . Jetgh, utdidzgech-sj gs cugs dkugicgcjs hatdcgs dedfdgi`jetj,tj`-sj.
A ˌ HC ∑ F ˌ HC 01 » (A ˌ GC - F ˌ GC ) 0 1 » A ˌ GF .
Gkhrg hasjrvj quj A ˌ HC ∑ F ˌ CH ³j jxgtg`jetj g `jcdcg ch grfh fhrrj-sphecjetj gh gekuih A ˌ GF . Dsth fh`pijtg g cj`hestrg¿fgh.
?.< Fhrhi³grdh. Shchs hs gekuihs desfrdths quj suatjecj` u` `js`hgrfh tj` g `js`g `jcdcg. J` pgrtdfuigr, thchs hs gekuihs quj suatjecj`u` sj`d f³ķrfuih sgh rjths.
GA
F
F F
FH
G
F
A
Ldkurg ?.;
G sjkudetj prhphsd¿fgh ³j tg`a³j` cj fjrth `hch u` fhrhi³grdh cg prhphsd¿fgh(?.:).
?.; ]rhphsd¿fgh. Vjng` GA j FC fhrcgs cdstdetgs cj u` `js`h f³ķrfuihquj sj detjrfjptg` eu` pheth ] . Jetgh G] » ] A 0 F] » ] C.
]rhvg. Hasjrvj quj ehs trdgekuihs F]A j CG] tj`-sj> F ˌ ]A 0 G
ˌ ]A (hphsths pjih v³jrtdfj) j F A] 0 G ˌ C] (phr sjrj` gekuihs desfrdths quj sua-
tjecj` h `js`h grfh). Ihkh, hs chds trdgekuihs sgh sj`jiogetjs j g sj`ji-
oge¿fg ³j g quj ijvg F j` G, ] j` ] j A j` C . Ihkh F]
G] 0
] A
] C. @gs
jetgh, G] » ] A 0 F] » ] C.
47
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 100/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
G
C
A
F
]
Ldkurg ?.?
?.? ]rhphsd¿fgh. Vj hs chds igchs cj u` gekuih cj v³jrtdfj ] sgh tge-kjetjs g u` f³ķrfuih ehs pheths G j A , jetgh>
g) g `jcdcg ch gekuih ˌ ] ³j dkugi g 7?=◬ `jehs g `jcdcg ch grfh `jehrcjtjr degch phr G j A 2
a) ]G 0 ]A .
]rhvg. Vjng H h fjetrh ch f³ķrfuih. Eh qugcrdi³gtjrh HG]A tj`hs qujG 0 A 0 4=◬. Ihkh ] + H 0 7?=◬ . Fh`h ˌ H ³j jxgtg`jetj g `jcdcg ch grfh`jehr cjtjr`degch phr G j A , fg prhvgch g pgrtj (g). grg prhvgr g pgrtj
(a), trgfj ]H j fh`pgrj hs trdgekuihs ]GH j ]AH . Fh`h ˌ G 0
ˌ A 0 4=
◬
hs chds trdgekuihs sgh rjtgekuihs. Fh`h GH 0 A H (rgdhs) j ] H ³j fh`u ,jetgh hs chds trdgekuihs sgh fhekrujetjs (fhelhr`j h tjhrj`g (:.73)). Ihkh] G 0 ] A. Gssd` h rjsuitgch fg cj`hestrgch.
]G
A
H
Ldkurg ?.4
Cdrj`hs quj u` phi³ķkheh jstg desfrdth eu` f³ķrfuih sj sjus v³jrtdfjs pjr-tjefj` gh f³ķrfuih.
?.4 ]rhphsd¿fgh. Shch trdgekuih jst³g desfrdth j` u` f³ķrfuih.
]rhvg. Vjng GAF u` trdgekuih. ]grg `hstrgr quj jij jst³g desfrdth j`u` f³ķrfuih cjvjrj`hs jxdadr u` pheth quj sjng g jqudcdstgetj cj G, A j
41
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 101/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
F . Vjng ` u`g rjtg pjrpjecdfuigr g GA j pgssgech pjih sju pheth `³jcdh
@ j sjng e g rjtg pjrpjecdfuigr g AF j pgssgech pjih sju pheth `³jcdh E .Cjsdkej phr ] h pheth cj detjrfjssgh cjstgs cugs rjtgs. Hasjrvj quj thchpheth cg rjtg ` ³j jqudcdstgetj cj G j A, j quj thch pheth cg rjtg e ³jjqudcdstgetj cj A j F . Ihkh h pheth ] sjr³g jqudcdstgetj cj G, A j F .
F
E
A
@
G
e
]
`
Ldkurg ?.7=
Jstg prhphsd¿fgh phcj sjr rjjeuefdgcg cg sjkudetj `gejdrg>
?.7= ]rhphsd¿fgh. Srjs pheths egh fhidejgrjs cjtjr`deg` u` f³ķrfuih.
Fog`g`hs cj `jcdgtrdz cj u` cgch sjk`jeth mg rjtg pjrpjecdfuigr ghsjk`jeth pgssgech pjih sju pheth `³jcdh. Fh` jstg cjed¿fgh phcj`hsjeuefdgr h sjkudetj fhrhi³grdh cg prhphsd¿fgh (?.4).
?.77 ]rhphsd¿fgh. Gs `jcdgtdzjs chs igchs cj u` trdgekuih jefhetrg`-sj j` u` `js`h pheth.
Cj u` `hch kjrgi gpjegs hs trdgekuihs phssuj` g prhprdjcgcj cj sjrj`desfrdt³ķvjds j` f³ķrfuihs. ]grg hutrhs phi³ķkhehs g fhecd¿fgh cj quj h `js`h
phssg sjr desfrdth j` u` fdrfuih gfgrrjtg lhrtjs rjstrd¿fhjs sharj gs sugs`jcdcgs. G sjkudetj prhphsd¿fgh ³j u` jxj`pih cdsth.
?.71 ]rhphsd¿fgh. Z` qugcrdi³gtjrh phcj sjr desfrdth j` u` f³ķrfuih sjj sh`jetj sj phssud u` pgr cj gekuihs hphsths supij`jetgrjs.
]rhvg. \g`hs suphr dedfdgi`jetj quj h qugcrdi³gtjrh phssg sjr desfrdthj` u` f³ķrfuih. Hasjrvj quj fgcg u` cj sjus gekuihs ³j u` gekuih desfrdtheh f³ķrfuih. Vjng GAFC h qugcrdi³gtjrh. Fhesdcjrj hs gekuihs ˌ G j ˌ F . Jijssuatjecj` jxgtg`jetj hs chds grfhs cjtjr`degchs pjihs pheths A j F . Fh`h
46
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 102/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
jstjs chds grfhs sh`g` 6<=◬, jetgh, cj gfhrch fh` g prhphsd¿fgh (?.:), g sh`g
chs gekuihs ˌ G j ˌ F sjr³g 7?=◬
. ]hrtgeth jijs sgh supij`jetgrjs.
A
G
C
F
A
F
C
J
G
Ldkurg ?.77
\g`hs gkhrg suphr quj u` qugcrdi³gtjrh GAFC tj` u` pgr cj gekuihshphsths supij`jetgrjs. Fh`h g sh`g chs gekuihs detjrehs ch qugcrdi³gtjrh³j 6<=◬, jetgh h hutrh pgr cj gekuihs hphsths tg`a³j` ³j supij`jetgr. Srgfju` fdrfuih pjihs pheths G, A j F . Dsth sj`prj phcj sjr ljdth (cj gfhrchfh` (?.7=)). V³h jxdstj` trjs gitjregtdvgs pgrg g ihfgidzg¿fgh ch pheth C >jij phcj jstgr sharj, cjetrh, hu lhrg ch f³ķrfuih. \g`hs suphr quj jij jstjnglhrg ch f³ķrfuih. Ejstj fgsh trgfj h sjk`jeth AC . Vjng J h pheth hecjjstj fhrtg h f³ķrfuih. H qugcrdi³gtjrh GAFJ ³j u` qugcrdi³gtjrh desfrdth eh
f³ķrfuih j, phrtgeth, pjig prd`jdrg pgrtj cg prhphsd¿fgh sjus gekuihs hphsthssgh supij`jetgrjs. J` pgrtdfuigr tj`hs
G ˌ AF + G ˌ JF 0 7?=◬
]hr odp³htjsj tg`a³j` tj`hs
G ˌ AF + G ˌ CF 0 7?=◬
Cgs cugs dkugicgcjs fhefiu³ķ`hs quj G ˌ CF 0 G ˌ JF . Gkhrg hasjrvj qujG ˌ JA 5 G ˌ CA j A JF + A ˌ CF (gekuihs jxtjrehs). Ihkh>
G ˌ JF 0 G ˌ JA + A JF 5 G ˌ CA + A ˌ CF 0 G ˌ CF
Jstg fhetrgcd¿fgh `hstrg quj C egh phcj jstgr lhrg ch f³ķrfuih. H rjsth cgprhvg `hstrgech quj C tg`a³j egh phcj jstgr cjetrh ch f³ķrfuih ³j cjdxgcgfh`h jxjrf³ķfdh.
Z` f³ķrfuih jstg desfrdth j` u` phi³ķkheh sj thchs hs igchs ch phi³ķkheh sghtgekjetjs gh f³ķrfuih. Wugech tgi hfhrrj cdz-sj quj h phi³ķkheh fdrfuesfrjvj
h f³ķrfuih.
?.76 ]rhphsd¿fgh. Shch trdgekuih phssud u` f³ķrfuih desfrdth.
43
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 103/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
]rhvg. Vjng GAF u` trdgekuih. Srgfj gs adssjtrdzjs chs gekuihs ˌ G j
A. Jstgs sj jefhetrg` j` u` pheth ] . Cjstj pheth, agdxj pjrpjecdfuigrjsghs igchs chs trdgekuihs. Vjng` J , L j K hs p³js cjstgs pjrpjecdfuigrjs ehsigchs GA , AJ j FG, rjspjftdvg`jetj. \g`hs prhvgr quj ] J 0 ] L 0 ] K.Gssd` h pheth ] ³j h fjetrh cj u` f³ķrfuih quj pgssg pjihs pheths J , L j K 2gi³j` cdsth, fh`h hs igchs ch trdgekuih GAF sgh pjrpjecdfuigrjs ghs rgdhs]J , ]L j ]K jijs sgh tg`a³j` tgekjetjs gh f³ķrfuih. Ihkh h f³ķrfuih jst³gdesfrdth eh trdgekuih.
F
L
A
J
G
K
]
Ldkurg ?.71
]grg prhvgr quj ] J 0 ] L 0 ] K vg`hs fh`pgrgr hs trdgekuihs ] KG
j ] JG, j hs trdgekuihs ]JA j ]LA . Shchs jijs sgh trdgekuihs rjtgekuihs.Ehs chds prd`jdrhs tj`hs ] ˌ GK 0 ] ˌ GJ (]G ³j adssjtrdz) j ]G fh u`. Ehschds ³uitd`hs tj`hs ] ˌ AJ 0 ] ˌ AL (]A ³j adssjtrdz) j ]A fh`u`. ]hrtgeth hschds pgrjs cj trdgekuihs sgh fhekrujetjs. Cg fhekrujefdg chs chds prd`jdrhsfhefiu³ķ`hs quj ] K 0 ] J . Cg fhekrujefdg chs chds ³uitd`hs hatj`hs ] J 0] L . Dsth fh`pijtg g cj`hestrg¿fgh.
?.73. Fhrhi³grdh. Gs adssjtrdzjs cj u` trdgekuih jefhetrg`-sj j` u`
pheth.
]rhvg. Eg cj`hestrg¿fgh getjrdhr prhvg`hs quj h pheth cj jefhetrh cjcugs adssjtrdzjs ch trdgekuih GAF ³j h fjetrh cj u` f³ķrfuih desfrdth egqujijtrdgekuih. ]grg hatjr h Fhrhi³grdh ³j sufdjetj prhvgr quj h sjk`jeth uedechh fjetrh cjstj f³ķrfuih desfrdth fh` h tjrfjdrh v³jrtdfj, ³j tg`a³j` u`g adssjtrdzch trdgekuih GAF . H ijdthr egh tjr³g cdfuicgcj j` lgzjr jstg cj`hestrg¿fghquj ³j cjdxgcg fh`h jxjrf³ķfdh.
Z` phi³ķkheh rjkuigr ³j u phi³ķkheh quj ³j jqudi³gtjrh j jqudgekuigr. Fh`dsth qujrj`hs cdzjr quj thchs hs sjus igchs sgh fhekrujetjs (jqudi³gtjrh) j
4:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 104/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
tg`a³j` thchs hs sjus gekuihs sgh fhekrujetjs (jqudgekuigr).
?.7: ]rhphsd¿fgh. Shch phi³ķkheh rjkuigr jst³g desfrdth j` u` f³ķrfuih.
]rhvg. Vjng G7G1,...,Ge u` phi³ķkheh rjkuigr. Srgfj`hs h f³ķrfuih qujpgssg pjihs pheths G7, G1 j G6. Vjng H h fjetrh cjstj f³ķrfuih. Fh`h HG1 0HG6 jetgh h trdgekuih HG1G6 ³j ds³hsfjijs j ihkh H ˌ G1G6 0 H ˌ G6G1. Fh`hh phi³ķkheh ³j rjkuigr thchs hs sjus gekuih detjrehs tj` g `js`g `jcdcg.]hrtgeth G7
ˌ G1G6 0 G1 ˌ G6G3.
H
G7
G<
G:
G3
G6
G1
GeG7
G1
G6
G3
G:
Ldkurg ?.76
@gs jetgh, G7 ˌ G1H 0 H ˌ G6G3. Fh`h gi³j` cdssh G7G1 0 G6G3 (igchs
cj u` phi³ķkheh rjkuigr sgh fhekrujetjs) j HG1 0)G6, jetgh hs trdgekuihsHG7G1 j HG3G6 sgh fhekrujetjs. Cg³ķ hatj`-sj HG3 0 HG7. ]hrtgeth G3
tg`a³j` ³j u` pheth ch f³ķrfuih. H `js`h rgfdhf³ķedh phcj gkhrg sjr rjpjtdchpgrg prhvgr quj G: tg`a³j` pjrtjefj gh f³ķrfuih, j gssd` sufjssdvg`jetj.Fh`h rjsuitgch egi hatj`-sj quj thchs hs pheths ch phi³ķkheh pjrtjefj`gh f³ķrfuih.
?.7< Fhrhi³grdh. Shch phi³ķkheh rjkuigr phssud u` f³ķrfuih desfrdth.
]rhvg. Srgfj h f³ķrfuih eh qugi h phi³ķkheh rjkuigr G7G1...Ge jst³g de-sfrdth. Vjng H h sju fjetrh. Shch hs trdgekuihs ds³hsfjijs G7HG1, G1HG6, G6HG3,...
sgh fhekrujetjs. Fh`h fhesjqujefdg sugs giturgs rjigtdvg`jetj gs agsjs sghtg`a³j` fhekrujetjs. H f³ķrfuih cj fjetrh H j fh` rgdh dkugi gh fh`prd`jethcjstgs giturgs jst³g desfrdth eh phi³ķkheh.
4<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 105/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
J_JQF³DFDHV
7. Wugech h shi jst³g g 1=◬ gfd`g ch ohrdzhetj, qugi h fh`prd`jeth cgsh`arg prh njtgcg phr u` jcdl³ķfdh cj :=`8
1. ]rhvj quj, j` u` `js`h f³ķrfuih hu j` f³ķrfuihs cj `js`h rgdh, fhrcgsjqudcdstgetjs ch fjetrh sgh fhekrujetjs.
6. ]rhvj quj, j` u` `js`h f³ķrfuih hu j` f³ķrfuihs cj `js`h rgdh, sjcugs fhrcgs tj` fh`prd`jeths cdljrjetjs, g `gds furtg ³j g `gds glgstgcg ch
fjetrh.
3. @hstrj quj g `jcdgtrdz cj u`g fhrcg pgssg pjih fjetrh ch f³ķrfuih.
:. Jxpidquj phrquj h rjfijxh cj u` f³ķrfuih rjigtdvg`jetj g u`g rjtg qujpgssg pjih sju fjetrh ³j gdecg h `js`h f³ķrfuih.
<. Eg kurg gh igch jxdstj` trjsrjtgs quj sgh tgekjetjs sd`uitgejg-`jetj ghs chds f³ķrfuihs. Jstgs rj-tgs sgh cjeh`degcgs cj tgekjetjs
fh`ues ghs f³ķrfuihs. Cjsjeoj chdsf³ķrfuihs quj tjeog`>g) Wugtrh tgekjetjs fh`ues8a) jxgtg`jetj cugs tgekjetjs fh-`ues8f) sh`jetj u`g tgekjetj fh`u`8c) ejeou`g tgekjetj fh`u`8j) `gds cj qugtrh tgekjetjs fh-`ues8
4;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 106/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
;. Eg kurg gh igch GJ ³j tgekjetjfh`u` j NV idkg hs fjetrhs chs chdsf³ķrfuihs. Hs pheths J j G sgh phe-ths cj tgekjefdg j A ³j h pheth cjdetjrfjssgh chs sjk`jeths NV j GJ .]rhvj quj h gekuih ˌ N ³j dkugi ghgekuih ˌ V .
V
J
@G
N
?. Eg kurg sjkudetj, @ ³j h fjetrh chs chds f³ķrfuihs j GB ³j tgekjetj ghf³ķrfuih `jehr eh pheth Q. @hstrj quj GQ 0 QB .
@
BGQ
I
Z B
J
4. Eg gfd g mg cdrjdtg, ZB ³j tgekjetj gh f³ķrfuih eh pheth Z j ZJ 0IZ . @hstrj quj IJ 0 JB .
7=. Eg kurg sjkudetj mg jsqujrcg, @H 0 D_ . ]rhvj quj @D 0 H_ .
@ _
H D
DOF
G
E
Chds pheths j` u` f³ķrfuih cjtjr`deg` chds grfhs. Vj hs chds pheths sgh
G j A e³hs drj`hs rjprjsjetgr phr
GA h grfh `jehr cjtjr`degch phr jstjs
chds pheths. Vj ] tg`a³j pjrtjefj gh f³ķrfuih e³hs usgrj`hs g ehtg¿fgh
G]Apgrg rjprjsjetgr h grfh cjtjr`degch phr G j A quj fhet³j` h pheth ] .
4?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 107/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
77. Eg kurg getjrdhr mg cdrjdtg, O ³j h fjetrh ch f³ķrfuih j FD j u`
cdg`jtrh. Vj FG j OE sgh pgrgijihs, `hstrj quj
GE j
DE tj` g `js`g`jcdcg.
71. Eg kurg g jsqujrcg, H ³j h fjetrh ch f³ķrfuih j SG ³j u cdg`jtrh.Vj ]G 0 G^ , `hstrj quj hs trdgekuihs ]GS j ^GS sgh fhekrujetjs.
]
G
^
S
H
A
I
Q
J
T
76. Eg kurg gfd`g mg cdrjdtg, sgaj-sj quj T ³j h fjetrh ch f³ķrfuih j qujAI 0 JQ. @hstrj quj AJ ³j pgrgijih g IQ.
73. Eg kurg sjkudetj mg jsqujrcg, h qugcrdi³gtjrh CDGE ³j u` pgrgijih-krg`h j D , G j @ sgh fhidejgrjs. @hstrj quj CD 0 C@ .
G @J
S
V
TO
CD
G
@
EH
7:. Eg kurg getjrdhr g cdrjtg, qugi chs chds grfhs
GO hu
@T, tj` g`gdhr `jcdcg j` krgus8 Vgaj sj quj hs chds f³ķrfuihs sgh fhefjetrdfhs.
Z`g rjtg detjrfjptg u` f³ķrfuih j` eh `³gxd`h chds pheths (vjng prha-ij`g 7). Gs quj h detjrfjptg` j` jxgtg`jetj chds pheths sgh fog`gchs cjsjfgetjs . Z` ˌ gekuih sjfgetj ³j u gekuih funhs igchs jstgh fhetdchs j` cugssjfgetjs ch f³ķrfuih j quj fgcg igch detjrfjptg` h f³ķrfuih j` pjih `jehs u`pheth jxfiu³ķch h v³jrtdfj. \g`hs fog`gr cj rjkd˙ gh gekuigr gsshfdgcg g u`
44
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 108/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
gekuih G ˌ AF g detjrfjssgh chs sjkudetjs sj`d-pigehs> h quj fhetj` h pheth
F j ³j cjtjr`degch phr GA , j h quj fhetj` h pheth G j ³j cjtjr`degch phrAF . Cgchs u` gekuih j u` fdrfuih, g pgrtj ch f³ķrfuih fhetdcg eg rjkdghgekuigr gsshfdgcg gh gekuih cgch ³j cjsdkegch grfh (hu grfhs) cjtjr`degch
(cjtjr`degchs) pjih ˌ gekuih.
Ehs jxjrf³ķfdhs sjkudetjs decdfgrj`hs phr ’`jc
GA‐ g `jcdcg j` krgus
ch grfh
GA.
FG
A
]
C
] F
C
G
A
7<. @hstrj quj u` gekuih sjfgetj funh v³jrtdfjs jstg cjetrh ch f³ķrfuihtj` `jcdcg dkugi g `jtgcj cg sh`g ch grfh quj cjtjr`deg fh` h grfh quj³j cjtjr`degch pjih gekuih quj sj ioj hphj pjih v³jrtdfj. (Eg kurg getjrdhr
g jsqujrcg> G]A 0 7
1(`jc
GA + `jc
FC).
7;. Eg kurg getjrdhr G]A ³j u gekuih sjfgetj funh v³jrtdfj jstg lhrg
ch f³ķrfuih `hstrj quj G]A 0 7
1(`jc
GA - `jc
FC).
7?. Vufjssdvhs grfhs sgh `grfgchs j` u` f³ķrfuih cj `hch quj fgcg grfhtjeog u`g fhrcg cj `js`h fh`prd`jeth quj h rgdh. ]rhvj quj h sjxth grfhtjr`deg eh pheth hecj h prd`jdrh grfh fh`j¿fg.
74. ]rhvj quj thch pgrgijihkrg`h desfrdth j` u` f³ķrfuih ³j rjtgekuih.
1=. ]rhvj quj thch trgp³jzdh desfrdth j` u` f³ķrfuih ³j ds³hsfjijs.
17. ]rhvj quj h sjk`jeth idkgech u` v³jrtdfj cj u` phi³ķkheh rjkuigrgh fjetrh ch f³ķrfuih j` quj jij jstg desfrdth ³j adssjtrdz ch gekuih cgqujijv³jrtdfj.
11. Cjsjeoj chds jxj`pihs cj phi³ķkhehs jqudgekuigrjs desfrdths j` u`f³ķrfuih, `gs quj egh sgh rjkuigrjs.
16. Cjsjeoj chds jxj`pihs cj phi³ķkhehs jqudi³gtjrhs quj fdrfuesfrjvj`
7==
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 109/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
u` f³ķrfuih, `gs quj egh sgh rjkuigrjs.
13. Cgch u` qugcrgch cj igch :f`, qugi h rgdh ch f³ķrfuih gh qugi jijjst³g desfrdth8 Wugi h rgdh ch f³ķrfuih quj jij fdrfuesfrjvj8
1:. Cgch u` trdgekuih jqudi³gtjrh cj igch 3f`, qugi h rgdh ch f³ķrfuih ehqugi jij jst³g desfrdth. J qugi h rgdh ch f³ķrfuih quj jij fdrfuesfrjvj8
7=7
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 110/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
]QHAIJ@GV
7. ]rhvj quj u`g rjtg phcj fhrtgr u` f³ķrfuih j` eh `³gxd`h chds pheths.
1. Eg kurg gagdxh mg jsqujrcg G ˌ ]F ³j u ³gekuih sjfgetj funh v³jrtdfjjefhetrg-sj lhrg ch f³ķrfuih j quj h detjrfjptg j` qugtrh pheths fh`h de-cdfgch. ]rhvj quj G] » ] A 0 F] » ] C. Fh`pgrj jssj rjsuitgch fh` g]rhphsd¿fgh (?.;).
G A
F
C
]
D
Q[
K
V
SO
6. Eg kurg gfd`g mg cdrjdtg [ V j O D sgh fhrcgs quj sj detjrfjptg` eh
pheth K , j QS ³j adssjtrdz ch gekuih [ ˌ KD . ]rhvj quj [ Q » S V 0 OS » QD .
3. Vjng GAF u` trdgekuih j C u` pheth cj AF tgi quj GC ³j adsstrdzch gekuih ˌ G. ]rhvj quj (GC)1 0 GA » GF ∑ AC » CF . (Gnucg> fhesdcjrjh f³ķrfuih eh qugi h trdgekuih jst³g desfrdth, prhihekuj GC gt³j h pheth J
ch f³ķrfuih, fh`h decdfgch eg kurg sjkudetj mg jsqujrcg.) @hstrj quj hstrdgekuihs GAJ j GCF sgh sj`jiogetjs j usj (?.;).
G
F
JA C
:. Eg kurg sjkudetj h f³ķrfuih jst³g desfrdth eh qugcrdi³gtjrh. ]rhvj qujg sh`g chs fh`prd jeths cj u` pgr cj igchs hphsths ³j dkugi g sh`g chs
7=1
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 111/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
fh`prd`jeths ch hutrh pgr.
<. Vjng GAFCJL u` ojx³gkheh quj fdrfuesfrjvj u` f³ķrfuih. ]rhvj qujGA + FC + JL 0 AF + CJ + L G.
;. Jeuefdj j prhvj u`g prhphsd¿fgh sj`jiogetj g ch jxjrf³ķfdh getjrdhrpgrg u` phi³ķkheh cj ? igchs. Vjr³g quj u`g prhphsd¿fgh sj`jiogetj vgijpgrg u` phi³ķkheh cj 7= igchs8 J pgrg u` cj 77 igchs8 Jeuefdj sugsfhefiushjs eg lhr`g `gds kjrgi phss³ķvji. Z`g rjtg quj fhetj` hs fjetrhscj chds f³ķrfuihs ³j fog`gcg cj rjtg chs fjetrhs chs chds f³ķrfuihs.
?. ]rhvj quj sj chds f³ķrfuihs tj` chds pheths j` fh`u`, g rjtg chs
fjetrhs ³j `jcdgtrdz ch sjk`jeth idkgech jstjs chds pheths.
4. ]rhvj quj chds f³ķrfuihs cdstdeths egh phcj` tjr `gds ch quj chdspheths j` fh`u`.
Vj chds f³ķrfuihs sgh tgekjetjs g u`g `js`g rjtg j` u` `js`h phethjetgh jijs sgh fog`gchs cj f³ķrfuihs tgekjetjs , j h pheth cj pheth cj fhe-
tgfth.
7=. ]rhvj quj sj chds f³ķrfuihs sgh tgekjetjs, g rjtg chs fjetrhs pgssgpjih pheth cj fhetgfth.
77. Eg kurg sjkudetj gs rjtgs sgh tgekjetjs fh`ues ghs chds f³ķrfuihs.]rhvj quj `7 j `1 sj detjrfjptg` eg ideog chs fjetrhs. ]rhvj quj sj hsrgdhs chs chds f³ķrfuihs sgh cdljrjetjs, gs rjtgs e7 j e1 tg`a³j` sj detjrfjptg`eg rjtg chs fjetrhs.
e7
e1
`7
`1
71. Vjng` G j A pheths cj detjrfjssgh cj chds f³ķrfuihs. Vjng` F j C
gs jxtrj`dcgcjs chs cdg`jtrhs chs chds f³ķrfuihs quj sj dedfdg` eh pheth G.
7=6
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 112/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
]rhvj quj g rjtg quj idkg F g C fhet³j h pheth A .
76. ]rhvj quj g `jcdcg cj u` gekuih lhr`gch phr u` tgekjetj j u`gfhrcg cj u` f³ķrfuih ³j dkugi g `jtgcj cg `jcdcg ch grfh quj jij cjtjr`deg.
73. ]rhvj quj g `jcdcg cj u` gekuih lhr`gch phr u`g tgekjetj j u`gsjfgetj ³j dkugi g `jtgcj cg cdljrje¿fg jetrj gs `jcdcgs chs grfhs quj jijcjtjr`deg.
7:. Vjrdg phss³ķvji rjuedr j` u`g ³uedfg prhphsd¿fgh gs delhr`g¿fhjs pgrfd-gds lhrejfdcgs pjihs jxjrf³ķfdhs 7< j 7; j pjihs prhaij`gs 76 j 738
7<. ]rhvj quj u` phi³ķkheh jqudi³gtjrh desfrdth j` u` f³ķrfuih ³j u`phi³ķkheh rjkuigr.
7;. ]rhvj quj u` phi³ķkheh jqudgekuigr quj fdrfuesfrjvj u` f³ķrfuih ³ju` phi³ķkheh rjkuigr.
7?. ]rhvj quj, sj u` f³ķrfuih lhr cdvdcdch j` u` eu`jrh qugiqujr cjgrfhs dkugds, jetgh gs fhrcgs cjstjs grfhs lhr`g` u` phi³ķkheh rjkuigr de-sfrdth eh fdrfuih, j gs tgekjetjs trg¿fgcgs pjihs pheths cj sjpgrg¿fgh chs grfhslhr`g u` phi³ķkheh rjkuigr quj fdrfuesfrjvj h f³ķrfuih.
74. Cjsfrjvg u` `³jthch cj trg¿fgr u` f³ķrfuih cj rgdh cgch quj sjngtgekjetj ghs igchs cj u` gekuih.
1=. Cjsfrjvg u` `³jthch pgrg trg¿fgr u` f³ķrfuih cj rgdh cgch quj sjngtgekjetj ghs igchs cj u` gekuih.
17. Cjtjr`dej h iukgr kjh`³jtrdfh cjsfrdth pjihs (cjtjr`dej h fhenuethcj thchs hs pheths quj tj` g prhprdjcgcj cj sjrj`) p³js cgs pjrpjecdfuigrjsagdxgcgs cj u` pheth G mgs rjtgs quj pgssg` phr u` pheth A .
11. Cjtjr`dej h iukgr kjh`³jtrdfh cjsfrdth pjihs v³jrtdfjs chs trdgekuihscj agsj GA j fh` ˌ F 0 6=◬ . G `jcdcg xgcg ch gekuih ˌ F lgz giku`gcdljrje¿fg eg sug rjsphstg8
16. Chs f³ķrfuihs sj fhrtg` ehs pheths G j A . ]jih pheth A trg¿fg`hsu`g rjtg quj fhrtg h prd`jdrh f³ķrfuih eu` pheth _ j h sjkuech f³ķrfuiheu` pheth T . @hstrj quj g `jcdcg ch gekuih _ ˌ GT egh cjpjecj cg rjtgtrg¿fgcg.
13. @hstrj quj u` f³ķrfuih ³j h iukgr kjh`³jtrdfh cjsfrdth pjihs pheths F
7=3
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 113/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
pgrg hs qugds g rgzgh cj sugs cdstgefdgs gh pheth G ³j fhestgetj j cdljrjetj
cj u`. (Vukjstgh> eh trdgekuih GAF gs adssjtrdzjs chs gekuihs detjrehs jjxtjrehs cj v³jrtdfjs F sgh pjrpjecdfuigrjs j fhrtg` g rjtg quj pgssg phr G
j A sj`prj ehs `js`hs pheths!).
7=:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 114/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
FH@JES ³GQDH
Gh ihekh cjstgs ehtgs phstuig`hs g `gejdrg cj `jcdr h fh`prd`jethcj sjk`jeths.
G pgrtdr cg³ķ pucj`hs cjedr h fh`prd jeth cj u`g phidkhegi fh`h gsh`g chs fh`prd`jeths chs sjus igchs. Eh jetgeth egh zj`hs rjljrjefdgg qujstgh cj fh`h `jcdr h fh`prd`jeth cj furvgs. Cj lgth, g ³uedfg furvgquj fhesdcjrj`hs gt³j h `h`jeth lhd h f³ķrfuih. Detudtdvg`jetj h fh`prd-`jeth cj u` f³ķrfuih cjvj sjr h fh`prd`jeth ch sjk`jeth quj hatjr³ķg`hs sjpuc³jssj`hs, fhrtgech h f³ķrfuih, cjsjefurvg-ih, fh`h lgr³ķg`hs g u` pjcg¿fh
cj grg`j fdrfuigr. Eh jetgeth jstg eh¿fgh cj ’cjsfurvg`jeth‐ egh jxdstj egkjh`jtrdg quj fhestru³ķ`hs. ]hcj`hs pgrtdr cj u`g dcjdg aj` `gds sd`pijsquj ³j g cj gprhxd`gr h f³ķrfuih phr u`g phidkhegi. Sh`j`hs pgrg dsth u`phi³ķkheh rjkuigr desfrdth eh f³ķrfuih, fh` e igchs, fgcg u` cjijs `jcdechse. Vj h eu`jrh cj igchs lhr sufdjetj`jetj krgecj, g ehssg destdtud¿fghehs cdz quj h pjr³ķ`jtrh cjstj phi³ķkheh 0, e » se , sjr³g `udth pr³hxd`h chfh`prd`jeth ch f³ķrfuih.
G
F
C H A
J
`+
Ldkurg ?.73
\g`hs cjtjr`degr s1e j` tjr`hs cj se j ch rgdh ch f³ķrfuih. Eg kurggfd`g mg cdrjdtg, tj`hs u` f³ķrfuih cj fjetrh H j rgdh Q, j ejstj, u`g fhrcg
FJ pjrpjecdfuigr g u` cdg`jtrh GA . H trdgekuih GAF ³j rjtgekuih j FC ³j g giturg ch v³jrtdfj G. Ihkh GF
10 GA »GC. Sg a³j` HFC ³j rjtgekuih j
phrtgeth CH1
0 HF 1∑FC
1. Vj F J 0 se, jetgh GF 0 s1e j, cgs lhr`uigs
gfd`g, hatj`-sj
7) (s1e)1 0 1Q » `
1) (Q ∑ `)1 ∑ Q1 ∑se
1
1
7=<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 115/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
hecj ` 0 GC. Jid`degech-sj ` cjstgs jqug¿fhjs rjsuitg>
s1e 0
1Q1 ∑ Q
3Q1 ∑ s1
e
³J l³gfdi vjrdfgr quj h igch s3 cj u` qugcrgch desfrdth eh fdrfuih ³j Q∞
1j quj sju pjr³ķ`jtrh ³j 3Q
∞ 1. Ztdidzgech-sj gkhrg sufjssdvg`jetj g lhr`uig
gfd`g phcj`hs jefhetrgr hs pjr³ķ`jtrhs pe chs phi³ķkhehs rjkuigrjs desfrdthseh fdrfuih fh` ?, 7<, 61, <3,... igchs. H ijdthr egh tjr³g cdfuicgcj j`vjrdfgr quj
s? 0 Q
1 ∑∞ 1
s7< 0 Q
1 ∑ 1 + ∞ 1s61 0 Q
1 ∑
1 +
1 +
∞ 1
J phcjr³g lgfdi`jetj jstgajijfjr u`g jxprjssgh kjrgi pgrg s1e, (e ≣ ?).Fh` agsj egs lhr`uigs gfd`g, fgifuig`hs, j` tjr`hs gprhxd`gchs, fhrrjthsgt³j g qugrtg fgsg cjfd`gi, hs vgihrjs cg sjkudetj tgajig.
e se pe
3 7,
37317 »Q
:,
<:<? »Q
? =, ;<:6; » Q <, 7114 » Q
7< =, 64=7? » Q <, 131? » Q
61 =, 74<=6 » Q <, 1;6= » Q
<3 =, =4?73 » Q <, 1?=< » Q
71? =, =34=? » Q <, 1?6= » Q
1:< =, =13:3 » Q <, 1?6= » Q
:71 =, =711; » Q <, 1?67 » Q
Gssd`, sjkuech ehssg detud¿fgh, h fh`prd jeth cj u` f³ķrfuih cj rgdhQ cjvj sjr gprhxd`gcg`jetj <, 1?67
»Q. Deljidz`jetj egh cdsph`hs gdecg
cj u`g cjed¿fgh cj fh`prd jeth ch f³ķrfuih quj ehs pjr`dtg vjrdfgr gvgidcgcj cjstg gr`g¿fgh.
Getjs cj tjetgr jstgajijfjr g cjed¿fgh cj fh`prd`jeth cj u` f³ķrfuihvg`hs lgzjr giku`gs hajrvg¿fhjs. Vjng ] u` phi³ķkheh fhevjxh desfrdth eu`f³ķrfuih, j sjng` G j A chds cj sjus v³jrtdfjs fhesjfutdvhs. Sh`j`hs u`
pheth F ch grfh
GA j decdquj`hs phr ] 7 h phi³ķkheh funhs v³jrtdfjs sgh hsv³jrtdfjs ch phi³ķkheh ] , `gds h pheth F . G pgssgkj` ch phi³ķkheh ] pgrg hphi³ķkheh ] 7 fhestdtud-sj eg suastdtud¿fgh gh igch GA pjihs igchs GF j FA .Cjscj quj GA 9 GF + F A, fhefiu³ķ`hs quj h pjr³ķ`jtrh cj ] 7 ³j `gdhr
7=;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 116/142
KJH@JSQDG JZFIDCDGEG ]IGEG H F³DQFZIH
ch quj h pjr³ķ`jtrh cj ] . Gssd`, gcdfdhegech-sj g u` phi³ķkheh fhevjxh de-
sfrdth eh f³ķrfuih ehvhs v³jrtdfjs, gu`jetg`hs h sju pjr³ķ`jtrh. Vj` cuvdcgjstj prhfjcd`jeth egh rjsuitg j` frjsfd`jeth did`dtgch. Cj lgth, sj th`gr-`hs u` phi³ķkheh fdrfuesfrdth gh f³ķrfuih, sju pjr³ķ`jtrh sjr³g `gdhr ch quj hpjr³ķ`jtrh cj qugiqujr phi³ķkheh fhevjxh desfrdth.
Fog`g-sj cj fh`prd`jeth ch f³ķrfuih gh `jehr chs e³u`jrhs `gdhrjs chquj h pjr³ķ`jtrh cj qugiqujr phi³ķkheh fhevjxh ejij desfrdth.
³J u`g fhesjqujefdg d`jcdgtg cjstg cjed¿fgh quj, cgch qugiqujr e³u`jrh 5 =, phcj-sj sj`prj desfrjvjr u` phi³ķkheh fhevjxh eh f³ķrfuih tgi quj gcdljrje¿fg ch sju pjr³ķ`jtrh pgrg h fh`prd jeth ch f³ķrfuih (j` vgihr ga-shiuth) sjng `jehr ch quj . H fh`prd`jeth cg fdrfueljrjefdg ³j trgcd-fdhegi`jetj rjprjsjetgch eg lhr`g 1ύQ hecj ύ ³j h fh`prd`jeth cj u`g
sj`dfdrfueljrjefdg cj rgdh 7. H vgihr gprhxd`gch cj ύ, fhrrjth gt³j g :g fgsgcjfd`gi ³j>
ύ 0 6.737:46
h quj ehs c³g u` pjr³ķ`jtrh cj gprhxd`gcg`jetj <, 1?67?< » Q.
7=?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 117/142
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 118/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
]rhvg. Fhesdcjrj`hs u` hutrh f³ķrfuih cj fjetrh H j ejstj u` cdg`jtrh
G
A
. Fhesdcjrj`hs u` pheth F
sharj h f³ķrfuih cj `hch quj h gekuihF ˌ H A sjng dkugi gh gekuih η j phrtgeth dkugi g F ˌ HA . Fhesdcjrj hs trdgekuihsFHC j F HC hecj C j C sgh hs p³js cgs pjrpjecdfuigrjs agdxgcgs mgs rj-tgs GA j GA, rjspjftdvg`jetj, g pgrtdr chs pheths F j F . Fh`h F ˌ CH jF ˌ C H sgh gekuihs rjths j n³g sgaj`hs quj F ˌ HA 0 F ˌ H A, jetgh fhefiu³ķ`hsquj hs trdgekuihs fhesdcjrgchs sgh sj`jiogetjs. ]hrtgeth tjrj`hs
F H
FH0 F C
FC0 HC
HC
Fh`h fhesjqujefdg
sje η 0 FC
FH0 F C
F Hj fhs η 0
HC
FH0 HC
F C
Dsth prhvg g ehssg gr`g¿fgh.
4.: Sjhrj`g. Wugiqujr quj sjng h gekuih η tj`-sj>
sje1η + fhs1η 0 7
]rhvg. ]grg η dkugi g =◬, 4=◬ hu 7?=◬, g gr`g¿fgh gfd`g ³j fh`prhvgcg
pjig suastdtud¿fgh cdrjtg chs vgihrjs ch sjeh j ch fhssjeh fhrrjsphecjetjs.Ehs hutrhs fgshs, fhesdcjrj h trdgekuih H ˌ FA cg kurg (4.7). Sj`-sj jetgh
fhs1η + sje1η 0
HC
HF
1
+
FC
HF
1
0 HC
1+ FC
1
HF 1
0 HF
1
HF 1
0 7
hecj ljz-sj ush ch tjhrj`g cj ]dt³gkhrgs eg pje³uitd`g dkugicgcj.
4.< Sjhrj`g (L³hr`uigs cj rjcu¿fgh). Vj η ³j u gekuih gkuch jetgh
g) sje(4=
◬
∑ η) 0 fhs ηa) fhs(4=◬ ∑ η) 0 sje ηf) tk (4=◬ ∑ η) 0 7/tk η
]rhvg. (\jng kurg 4.1) Vjng` F j F pheths cj u` sj`df³ķrfuih cjjxtrj`dcgcjs G j A, tgds quj F ˌ HA 0 η j F ˌ H A 0 4=◬ ∑ η.
77=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 119/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
ηG A
F
F
CH
4=◬-η
C
Ldkurg 4.1
Vjng` C j C
hs p³js cgs pjrpjecdfuigrjs agdxgcgs mg rjtg GA g pgrtdr cjF j F , rjspjtdvg`jetj. Hasjrvj quj, fh`h F ˌ HA 0 4=◬ ∑ η, jetgh H ˌ F C
0 η. Ihkh hs trdgekuihs FHC j HCF sgh fhekrujetjs (HF 0 HF , F ˌ CH
0 F ˌ C H 0 4=◬ j F ˌ HC 0 H F C 0 η) j phrtgeth
F C
HC0 HC
FC0 HF
HF sjkuj-sj quj
sje(4=◬ ∑ η) 0 F C
HF 0 HC
HF 0 fhs η
fhs(4=◬ ∑ η) 0 HC
HF 0 FC
HF 0 sje η
G prhvg cj (f) ³j cjdxgcg g fgrkh ch ijdthr.
4.; Sjhrj`g. Wugiqujr quj sjng η tj`-sj>
g) sje(7?=◬ ∑ η) 0 sje η
a) fhs(7?=◬ ∑ η) 0 ∑fhs η
]rhvg. Wugech η ³j dkugi g =◬, 4=◬ hu 7?=◬, g gr`g¿fgh gfd`g ³j fh`prh-vgcg phr suastdtud¿fgh cdrjtg chs vgihrjs ch sjeh j fhssjeh fhrrjsphecjetjs.Ehs hutrhs fgshs, fhesdcjrj pheths F j F eh sj`df³ķrfuih cj shrtj quj F ˌ HA
0 η j F ˌ HA 0 7?=◬∑η. Vjng` C j C hs p³js cgs pjrpjecdfuigrjs agdxgcgschs pheths F j F mg rjtg GA .
777
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 120/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
C HC
ηηAG
F F
Ldkurg 4.6
G fhekrujefdg chs trdgekuihs HFC j HF C ehs lhrejfj
FC 0 F C j CH 0 C H
Fh`h fhesjqujefdg d`jcdgtg tj`hs quj
sje(7?=◬ ∑ η) 0 F C
F H0 FC
FH0 sje η
j |fhs(7?=◬ ∑ η)| 0 CH
F C0 CH
FH0 |fhs η|
Fh`h η
0 4=◬ jetghηhu7?=◬
∑η ³j hatush j h hutrh ³j gkuch. ]hr dsth,
fhs η j fhs(7?=◬ ∑ η) tj` sdegds hphsths. Ihkh
fhs(7?=◬ ∑ η) 0 ∑fhs η.
Gs cjed¿fhjs cj sjeh, fhssjeh j tgekjetj cgcgs eh dedfdh ch fgpdtuih pjr-`dtj` fhefiudr d`jcdgtg`jetj gs sjkudetjs lhr`uigs rjigfdhegech hs igchscj u` trdgekuih rjtgekuih j hs sjus gekuihs gkuchs.
4.? ]rhphsd¿fgh. J` u` trdgekuih rjtgekuih GAF , cj gekuih rjth ˌ F ,tj`-sj
AF 0 GA sje ˌ G, GF 0 GA fhs ˌ G j AF 0 GF tk ˌ G
Z`g fhesjqujefdg cjstg prhphsd¿fgh ³j quj, sj fheojfjr`hs u` gekuihj u` igch cj u` trdgekuih rjtgekuih ³j phss³ķvji fgifuigr`hs g `jcdcgs cjsjus hutrhs chds igchs, suphech-sj quj fheoj¿fg`hs fh`h fgifuigr gs lue¿fhjssjeh, fhssjeh, j tgekjetj cj u` gekuih. Gtugi jetj, u`g `gqudeg cjfgifuigr rgzhgvji`jetj sd`pijs, phssud fdrfudths quj fgifuig` jstgs lue¿fhjsfh` gprhxd`g¿fgh fhrrjtg gt³j g qugrtg hu qudetg fgsg cjfd`gi, h quj ³j `gdsch quj sufdjetj pgrg g krgecj `gdhrdg chs f³gifuihs. ]hcj-sj, eh jetgeth,lgzjr ush cj u`g tgajig cj lue¿fhjs trdkheh`³jtrdfgs hatdcgs lgfdi`jetj j`qugiqujr fh`pjecdh sharj trdkheh`jtrdg.
771
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 121/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
4.4 ]rhphsd¿fgh.
g) sje 3:◬ 0 7/∞
1, fhs 3:◬ 0 7/∞
1 j tk 3:◬ 0 7.
a) sje 6=◬ 0 7/1, fhs 6=◬ 0∞
6/1 j tk6=◬ 0 7/∞
6.
]rhvg. (g) Fhestrug u` trdgekuih rjtgekuih GAF tjech gekuih rjthˌ F , j tjech GF 0 AF . Sj` sj jetgh quj ˌ G 0 ˌ A 0 3:◬ j, utdidzgech-sj htjhrj`g cj ]dt³gkhrgs, GF 0 AF 0 GA/
∞ 1. Ihkh
sje 3:◬ 0 GA/∞ 1GA
0 7/∞ 1
Cg `js`g lhr`g hat³j`-sj h vgihr cj fhs 3:◬. H vgihr cg tgekjetj ³jhatdch pjig sd`pijs cdvdsgh chs vgihrjs ch sjeh j fhssjeh.
(a) Fhestrug u` trdgekuih jqudi³gtjrh GAF . Shchs hs sjus gekuihs `j-cj` <=◬ j thchs hs sjus igchs tj` h `js`h fh`prd`jeth g.
G
A
F
C6=◬
Ldkurg 4.3
Fhesdcjrj g giturg agdxgcg ch v³jrtdfj A gh igch GF j sjng C h p³j cjstggiturg. Hs chds trdgekuihs lhr`gchs sgh fhekrujetjs j CG 0 CF 0 g/1.Gpidfgech h tjhrj`g cj ]dt³gkhrgs gh trdgekuih GAC fhefiu³ķ`hs quj AC 0g∞
6/1. Hasjrvj quj h gekuih G ˌ AC `jcj 6=◬. Ihkh
sje 6=◬ 0 g/1
g 0 7/1
fhs 6=◬ 0 g∞
6/1
g 0
∞ 6/1
776
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 122/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
tk 6=◬ 0 7/1
∞ 6/10 7/
∞ 6
Fh` jstg prhphsd¿fgh j hs rjsuitgchs (4.<) j (4.;) phcj`hs gkhrg lgfdi-`jetj cjtjr`degr hs vgihrjs ch sjeh, fhssjeh j tgekjetj chs gekuihs cj <=◬,71=◬, 76:◬ j 7:=◬.
4.7= Sjhrj`g (Ijd chs fhssjehs). J u` trdgekuih GAF tj` sj>
GA1
0 GF 1
+ AF 1 ∑ 1 »GF »AF » fhs ˌ F
]rhvg. Vj h gekuih ˌ F lhr rjth jetgh g gr`g¿fgh gfd`g ³j jxgtg`jetjh tjhrj`g cj ]dt³gkhrgs. ]hcj`hs phrtgeth suphr quj ˌ F egh ³j u gekuihrjth. Srgfj`hs g giturg ch v³jrtdfj G. Fh`h F egh ³j u gekuih rjth jetghh p³j cjstg giturg, quj cjsdkegrj`hs phr C , egh fhdefdcj fh` h pheth F .Vj C fhdefdcdr fh` h pheth A jetgh h trdgekuih GAF ³j rjtgekuih tjech ˌ A
fh`h gekuih rjth. Ejstj fgsh, GF » fhs ˌ F 0 AF j h rjsuitgch gfd`g ³j u`gcjfhrrjefdg d`jcdgtg ch tjhrj`g cj ]dt³gkhrgs. Gssd` phcj`hs suphr qujA , F j C sgh pheths cdstdeths. Fh`h GCA j GCF sgh trdgekuihs rjtgekuihstj`-sj
GA1
0 GC1
+ AC1
GF 1
0 GC1
+ CF 1
G G G
AAAF F FCCC
Ldkurg 4.:
Ihkh, suatrgdech-sj jstgs cugs jqug¿fhjs hat³j`-sj
GA1 ∑GF
10 AC
1 ∑CF 1
Gkhrg drj`hs suastdtudr h tjr`h AC1
cjstg jqug¿fgh. ]grg dsth, tjrj`hscj fhesdcjrgr trjs phssdadidcgcjs (vjng kurg 4.:).
773
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 123/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
g) F jst³g jetrj A j C .
Ejstj fgsh tj` sj CF + AF 0 AC. Vuastdtudech-sj ACphr CF + AF , cjsjevhivjech-sj h qugcrgch j sd`pidfgech-sjhs tjr`hs, g jqug¿fgh gfd`g threg-sj>
GA1
0 GF 1
+ AF 1
+ 1 »AF »CF
Hasjrvj quj CF 0 GF » fhs(G ˌ FC ) j quj fhs(G ˌ FC ) 0∑fhs(7?=◬ ∑ G ˌ FC ) 0 ∑fhs(G ˌ FA ). Fh`h G ˌ FA ³j jxgtg`jetj hgekuih ˌ F ch trdgekuih GAF , h rjsuitgch fg cj`hestrgch ejstj
fgsh.
a) C jst³g jetrj F j A .
Ejstj fgsh tj`-sj AC+CF 0 AF j, phrtgeth, AC 0 CF ∑AF . Vuastdtudech-sj fh`h eh fgsh getjrdhr jstj vgihr cj AC ,hat³j`-sj
GA1
0 GF 1
+ AF 1 ∑ 1 »AF »CF
Hasjrvgech-sj quj CF 0 GF
» fhs ˌ F hat³j`-sj h rjsuitgch.
f) A jst³g jetrj F j C .
Jstj fgsh ³j trgtgch cj lhr`g sj`jiogetj j ³j cjdxgch g fgrkhch ijdthr fh`pijtgr g cj`hestrg¿fgh.
4.: Sjhrj`g (Ijd chs sjehs). Wugiqujr quj sjng h trdgekuih GAF ,tj` sj>
sje ˌ G
AF
0 sje ˌ A
GF
0 sje ˌ F
GA
]rhvg. Fhesdcjrj h f³ķrfuih quj fdrfuesfrjvj h trdgekuih AF . Vjng H h sjufjetrh j Q h sju rgdh. Fhesdcjrj h cdg`jtrh quj tj` A fh`h jxtrj`dcgcj.
77:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 124/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
G
A
FC
H
G
A
F
C
H
Ldkurg 4.<
Vjng C sug hutrg jxtrj dcgcj. Vj hs pheths G j C jstdvjrj` cj u``js`h igch cg rjtg AF , jetgh hs gekuihs A ˌ C F j A ˌ GF sgh dkugds phr sjrj`gekuihs desfrdths fhrrjsphecjetjs g u` `js`h grfh. Vj hs pheth G j C
jstdvjrj` j` igchs cdstdeths cg rjtg AF jetgh hs gekuihs A ˌ CF j A ˌ GF
sgh supij`jetgrjs n³g quj fhrrjsphecj` g grfhs quj sj fh`pij`jetg` pgrglhr`gr h fdrfuih. J` g`ahs hs fgshs tj`-sj quj
sje ˌ C 0 sje ˌ G.
Fhesjqujetj`jetj
AF 0 1Q sje ˌ G
(Hasjrvj quj gqud utdidzg`hs h lgth cj quj h trdgekuih AFC ³j rjtgekuih).Cj lhr`g ge³gihkg cj`hestrg-sj quj
GA 0 1Q» sje ˌ F j GF 0 1Q» sje ˌ A .
Fh`pgrgech-sj gs trjs lhr`uigs hatdcgs fhefiud-sj quj
sje ˌ G
AF 0 sje ˌ A
GF 0 sjeˌ F
GA0
7
1Q.
Ldfg gssd` cj`hestrgch jstj tjhrj`g.
77<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 125/142
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 126/142
KJH@JSQDG JZFIDCDGEG ]IGEG LZEF¿ HJV SQDKHEH@³JSQDFGV
FH@JES ³GQDH
H jstuch cgs lue¿fhjs trdkheh`³jtrdfgs j cj sugs gpidfg¿fhjs ³j cjeh`degchtrdkheh jtrdg. G trdkheh`jtrdg dedfdhu-sj fh`h h jstuchs cgs gpidfg¿fhjs, gprhaij`gs pr³gtdfhs, cgs rjig¿fhjs jetrj hs igchs cj u` trdgekuih. Eg Kr³jfdg,gsshfdgtdvg-sj g u` cgch gekuih g fhrcg fhrrjsphecjetj gh grfh quj jijcjtjr degvg j` u` fdrfuih fjetrgch eh sju v³jrtdfj. ]hstjrdhr`jetj, eg`gtj`³gtdfg odecu, fh`j¿fhu-sj g gsshfdgr `jtgcj cjstg fhrcg. G fhrrj-sphecjefdg jrg jstgajijfdcg gtrgv³js cj tgajigs.
Z`g krgecj cdfuicgcjs quj jxdstdg tgeth eh tj`ph chs krjkhs fh`h
eh tj`ph chs odecus pgrg jigahrg¿fgh j utdidzg¿fgh cjstgs tgajigs jrg g eghjxdstjefdg cj u` sdstj`g gcjqugch cj eu`jrg¿fgh (detrhcuzdch eg grdt`³jtdfgsh`jetj eh 7<◬ s³jfuih). H prd`jdrh trgagioh sharj trdkheh`jtrdg cj qujsj tj` rjgi fheojfd`jeth jst³g fhetdch eh ’Gi`gkjst‐. (Z` trgagioh sharjgstrheh`dg j` 76 vhiu`js, jsfrdth phr ]thih`ju cj Gijxgecrdg phr vhitg cg`jtgcj ch sjkuech s³jfuih.) Eu` cj sjus fgp³ķtuihs ³j gprjsjetgcg u`g tgajigcj fhrcgs. Jstg tgajig rjljrj-sj g u`g sjqujefdg cj gekuihs, cdstgefdgchs cj`jdh krgu u` ch hutrh, j sjus vgihrjs jst gh fhrrjths gt³j pjih `jehs fdefhfgsgs cjfd`gds. Gid tg`a³j` ³j jxpidfgch h `³jthch cj fgifuigr g tgajig.Z` hutrh fgpdtuih ³j cjcdfgch g shiu¿fgh cj trdgekuihs. \³grdhs tjhrj`gsrjigtdvhs g fhrcgs sgh cj`hestrgchs. Jstjs tjhrj`gs fhetj` d`pidfdtg`jetj
h fheojfd`jeth cgs lhr`uigs `gds d`phrtgetjs cg trdkheh`jtrdg.Eh jetgeth, hs jsfrdthrjs krjkhs ch qugrth s³jfuih fog`g` g Odpgrfh, quj
vdvju ehs sjkuech s³jfuih g.F., cj hrdkdegchr cg fdjefdg cg trdkheh`jtrdg. Jijtjvj g rjputg¿fgh cj tjr fgifuigch u`g tgajig cj fhrcgs quj fhestdtud u`idvrh fh` chzj vhiu`js.
77?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 127/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
FG]³DSZIH 7=
³GQJG
Z`g rjkd˙ gh trdgekuigr (kurg (g) gagdxh) ³j u` fhenueth cj pheths chpigeh lhr`gch phr thchs hs sjk`jeths fungs jxtrj`dcgcjs jstgh sharj hsigchs cj u` trdgekuih. H trdgekuih ³j fog`gch cj lrhetjdrg cg rjkdgh trdge-kuigr. H fhenueth cj pheths cj u`g rjkdgh trdgekuigr quj egh pjrtjefj` g
sug lrhetjdrg ³j fog`gch cj detjrdhr cg rjkdgh trdgekuigr.
(g) (a)
Ldkurg 7=.7
Z`g rjkd˙ gh phidkhegi ³j g uedgh cj u` e³u`jrh edth cj rjkdhjs trdge-kuigrjs quj cugs g cugs egh tj` pheths detjrdhrjs j` fh`u` (kurg (a))gfd`g).
Z` pheth ³j detjrdhr g u`g rjkdgh phidkhegi sj jxdstj giku`g rjkdgh trd-gekuigr fhetdcg eg rjkdgh phidkhegi j fhetjech h pheth eh sju detjrdhr. Hdetjrdhr cg rjkdgh phidkhegi ³j h fhenueth chs pheths quj ioj sgh detjrdhrjs.G lrhetjdrg cg rjkdgh phidkhegi ³j fhestdtu³ķcg pjihs pheths cg rjkdgh quj eghpjrtjefj` gh sju detjrdhr.
774
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 128/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
p q
p ³j pheth detjrdhr g rjkdgh
q ³j pheth cg lrhetjdrg
kurg 7=.1
G eh¿fgh cg ³grjg cj rjkdhjs phidkhegds ³j detrhcuzdcg eg kjh`jtrdg gtrgv³jschs sjkudetjs gxdh`gs>
Gxdh`g \D.7. G thcg rjkdgh phidkhegi fhrrjsphecj u` e³u`jrh `gdhrch quj zjrh.
H e³u`jrh g quj sj rjljrj jstj gxdh`g ³j fog`gch cj ³ grjg cg rjkdgh.
Gxdh`g \D.1. Vj u`g rjkdgh phidkhegi ³j g uedgh cj cugs hu `gdsrjkdhjs phidkhegds quj cugs g cugs egh tjeog` pheths detjrdhrjs j` fh`u`,jetgh sug ³grjg ³j g sh`g cgs ³grjgs cgqujigs rjkdhjs.
Gxdh`g \D.6. Qjkdhjs trdgekuigrjs id`dtgcgs phr trdgekuihs fhekru-jetjs tj ³grjgs dkugds.
³J figrh quj thch phi³ķkheh fhevjxh cjtjr`deg u`g rjkdgh phidkhegi. E³hs
drj`hs th`gr g idajrcgcj cj usgr jxprjsshjs ch tdph ’g ³grjg cj u` qugcrgch‐qugech qujrj`hs cdzjr rjgijetj ’g ³grjg cg rjkdgh phidkhegi fung lrhetjdrg ³ju` qugcrgch‐. J` kjrgi lgigrj`hs cj ’³grjg cj u` cgch phi³ķkheh‐, qugechqujrj`hs cj lgth ehs rjljrdr g ³grjg cg rjkdgh fung lrhetjdrg ³j gqujij phi³ķkheh.Gssd`, h gxdh`g \D.6 gfd g phcjrdg tjr sdch jeuefdgch fh`h> ’trdgekuihsfhekrujetjs phssuj` ³grjgs dkugds‐.
Gxdh`g \D.3. Vj GAFC ³j u rjtgekuih jetgh sug ³grjg ³j cgcg pjihprhcuth GA » AF .
G pgrtdr cjstjs gxdh`gs vg`hs cjtjr`degr g ³grjg cj giku`gs rjkdhjs
phidkhegds sd`pijs. \g`hs dedfdgr pjih pgrgijihkrg`h.Cgch u` pgrgijihkrg`h GAFC cjsdkej`hs phr a h fh`prd`jeth ch
igch GA j phr o h fh`prd`jeth cj u` sjk`jeth idkgech GA g FC qujsjng pjrpjecdfuigr g g`ahs. Z` tgi sjk`jeth ³j fog`gch cj giturg chpgrgijihkrg`h rjigtdvg`jetj gh igch GA .
7=.7 ]rhphsd¿fgh. G ³grjg ch pgrgijihkrg`h ³j h prhcuth ch fh`prd`jethcj u` cj sjus igchs pjih fh`prd`jeth cg giturg rjigtdvg g jstj igch.
]rhvg. J` tjr`hs cg ehtg¿fgh xgcg gfd`g cjvj`hs prhvgr quj g ³grjg
71=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 129/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
ch pgrgijihkrg`h GAFC j a » o. ]grg dsth trgfj, g pgrtdr chs pheths G j A ,
chds sjk`jeths, GJ j AL , pjrpjecdfuigrjs mg rjtg FC . H qugcrdi³gtjrh GALJ ³j u rjtgekuih fung ³grjg ³j GA » AL g qugi, j` tjr`hs cj ehssg ehtg¿fgh,³j jxgtg`jetj a » o. ]grg fhefiudr g cj`hestrg¿fgh hasjrvj quj hs trdgekuihsGCJ j FAL sgh fhekrujetjs j quj
³Grjg(GAFC ) 0 ³Grjg(GAFJ ) + ³Grjg(GCJ ) 0
0 ³Grjg(GAFJ ) + ³Grjg(FAL ) 0
0 ³Grjg(GALJ ) 0 a » o
Dsth fhefiud g cj`hestrg¿fgh.
C J F L
o
AG a
Ldkurg 7=.6
Fh`h fhrhi³grdh cjstg prhphsd¿fgh cjtjr`deg-sj g ³grjg cj u` trdgekuihqugiqujr.
7=.1 ]rhphsd¿fgh. G ³grjg cj u` trdgekuih ³j g `jtgcj ch prhcuth chfh`prd`jeth cj qugiqujr cj sjus igchs pjig giturg rjigtdvg g jstj igch.
]rhvg. Cgch u` trdgekuih GAF , trgfj pjih v³jrtdfj F u`g rjtg pgr-gijig gh igch GA , j pjih v³jrtdfj A u`g rjtg pgrgijig gh igch GF . Js-tgs cugs rjtgs sj detjrfjtg` j` u` pheth C . H phi³ķkheh GFCA ³j u`pgrgijihkrg`h, j hs chds trdgekuihs GAF j FCA sgh fhekrujetjs. Fh`h
³Grjg(GACF ) 0 ³Grjg(GAF ) + ³Grjg(FCA) j ³Grjg(GAF ) 0 ³Grjg(FCA),
jetgh> ³Grjg(GAF ) 0 7
1³Grjg(GACF ). ]grg fh`pij`jetgr g cj`hestrg¿fgh
hasjrvj quj g giturg ch v³jrtdfj F ch trdgekuih GAF ³j jxgtg`jetj g giturgch pgrgijihkrg`h GACF rjigtdvg`jetj gh igch GA .
717
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 130/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
G A
CF
Ldkurg 7=.3
7=.6 ]rhphsd¿fgh. G ³grjg cj u` trgp³jzdh ³j g `jtgcj ch prhcuth chfh`prd`jeth cj sug giturg pjig sh`g chs fh`prd`jeths cj sugs agsjs.
]rhvg. Vjng GAFC u` trgp³jzdh fungs agsjs sgh hs igchs GA j FC .Srgfj g cdgkhegi GF pgrg cdvdcdr h trgp³jzdh j` chds trdgekuihs.
G A
C F
J
L
Ldkurg 7=.:
Srgfj gs giturgs FJ , ch trdgekuih GFA , j GL , ch trdgekuih GFC . Jetgh
tjrj`hs quj GL 0 FJ , n³g quj hs igchs GA j FC sgh pgrgijihs. Fh`hfhesjqujefdg
³Grjg(GAFC) 0 ³Grjg(GFA) + ³Grjg(GFC) 0
0 7
1GA » FJ +
7
1CF » GL 0
0 7
1
GA + CF
» FJ
711
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 131/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
Ldfg gssd` cj`hestrgcg g prhphsd¿fgh.
7=.3 ]rhphsd¿fgh. G ³grjg cj u` phi³ķkheh rjkuigr cj e igchs, desfrdtheu`g fdrfueljrjefdg cj rgdh Q ³j 7
1Q1e » sje(6<=◬/e).
]rhvg. Vjng H h fjetrh ch f³ķrfuih. Idkgech-sj fgcg u` chs v³jrtdfjs chphi³ķkheh gh pheth H lhr`g-sj e trdgekuihs ds³hsfjijs fungs agsjs sgh hs igchsch phi³ķkheh, funhs igchs dkugds tj` fh`prd`jeth Q j funh gekuih ch thph`jcj 6<=◬/e. Vjng HGA u` tgi trdgekuih. Srgfj g giturg ch v³jrtdfj G. Jstggiturg `jcj Qsje(6<=◬/e) j h igch HA `jcj Q. Ihkh g ³grjg cjstj trdgekuih³j 7
1eQ1sje(6<=◬/e) j g ³grjg thtgi ch phi³ķkheh ³j 7
1eQ1sje(6<=◬/e).
G
AHη
Qo
Ldkurg 7=.<
Eh fh`jet³grdh ljdth gh egi ch Fgpdtuih ? e³hs vd`hs fh`h prhfjcjrpgrg jstgajijfjr g eh¿fgh cj fh`prd`jeth cj u` f³ķrfuih. ]hcj`hs prhfjcjrcj `gejdrg ge³gihkg fh` rjig¿fgh mg ³grjg cg rjkdgh id`dtgcg phr u` f³ķrfuih.Fhesdcjrj`hs phi³ķkhehs desfrdths j hasjrvg`hs quj, gh gu`jetgr`hs u`v³jrtdfj j` u` cj tgds phi³ķkhehs, gu`jetg`hs g sug ³grjg. Gssd`, egh jxdstju` phi³ķkheh desfrdth eh f³ķrfuih fh` ³grjg `gxd`gi. ]hr hutrh igch, g ³grjgcj qugiqujr phi³ķkheh desfrdth ³j `jehr ch quj g ³grjg cj qugiqujr phi³ķkhehfdrfuesfrdth. ³J jetgh egturgi cjedr> g ³ grjg ch f³ķrfuih ³j h `jehr e³ u`jrh
`gdhr ch quj g ³ grjg cj qugiqujr phi³ķkheh ejij desfrdth.\gihrjs gprhxd`gcgs pgrg g pgrg cj u` f³ķrfuih phcj` jetgh sjr hatd-
cgs g pgrtdr cg l³hr`uig cjtjr`degcg eg prhphsd¿fgh (7=.3) pgrg g ³grjg cju` phi³ķkheh rjkuigr desfrdth. Eg tgajig gagdxh e ³j h e³u`jrh cj igchs chphi³ķkheh j Ge ³j g sug ³grjg.
716
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 132/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
e Ge
7< 6,=<73;61 6,7173:<3 6,76<::
71? 6,73=661:< 6,7371?:71 6,737:7
7=13 6,737:;1=3? 6,737:?3=4< 6,737:4
7=3?:3< 6,737:4
H ijdthr egh tjr³g cdfuicgcj j` rjlhr`uigr g prhvg cg prhphsd¿fgh (7=.3)(fhesdcjrgech g giturg ch v³jrtdfj H ch trdgekuih HGA ) cj `hch g hatjr gsjkudetj jxprjssgh pgrg g ³grjg ch phi³ķkheh rjkuigr desfrdth cj e igchs.
Ge 0 eQ1sje
7?=◬
e
» fhs
7?=◬
e
j g sjkudetj l³hr`uig pgrg h pjr³ķ`jtrh ch `js`h phi³ķkheh
pe 0 1eQ sje
7?=◬
e
Vjkuj-sj cg³ķ quj
1Ge
Qpe0 fhs (7?=◬/e)
Vj fhesdcjrg`hs u` phi³ķkheh desfrdth fh` u` krgecj e³u`jrh cj igchs,h vgihr cj fhs(7?=◬/e) sjr³g jxtrj`g`jetj pr³hxd`h ch vgihr fhs=◬, jequgethquj h vgihr cj Ge jstgr³g `udth pr³hxd`h ch vgihr cg ³grjg cg rjkdgh id`dtgcgpjih f³ķrfuih j h vgihr cj pe sjr³g gprhxd`gcg`jetj h vgihr ch fh`prd`jeth chf³ķrfuih. ³J phrtgeth rgzh³gvji jspjrgr quj, pgrg h f³ķrfuih, cugs vjzjs sug ³grjgsjng dkugi g Q vjzjs sju pjr³ķ`jtrh. G prhphsd¿fgh gagdxh tj` jxgtg`jetjjstj jeuefdgch.
713
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 133/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
7=.: Sjhrj`g. G ³grjg cg rjkdgh id`dtgcg phr u` f³ķrfuih ³j dkugi g
`jtgcj ch prhcuth ch rgdh pjih fh`prd`jeth ch f³ķrfuih.
]rhvg. Qjprjsjetgrj`hs phr p h fh`prd`jeth ch f³ķrfuih j phr G g³grjg cg rjkdgh phr jij id dtgcg. Vj ] ³j u` phi³ķkheh desfrdth eh f³ķrfuih,rjprjsjetgrj`hs phr p(]) h sju pjr³ķ`jtrh, phr G(]) g sug ³grjg j phr I(])h fh`prd`jeth ch `gdhr cj sjus igchs.
Sh`j`hs u` e³u`jrh phsdtdvh g qugiqujr, j sjng ] u` phi³ķkheh desfrdthtgi quj
g) I(] ) 9 g
a) G∑
G(] ) 9 g»
Q
f) p ∑ p(] ) 9 g
]grg lgzjr g jsfhiog cjstj phi³ķkheh phcj`hs dedfdgi`jetj jsfhiojr trjsphi³ķkhehs> ] 7, hecj sj vjrdfg (g), ] 1 hecj sj vjrdfg (a) j ] 6, hecj sjvjrdfg (f). G `gejdrg fh`h sj cjedu ³grjg j pjr³ķ`jtrh ch f³ķrfuih pjr`dtjgr`gr quj gs jsfhiogs cj ] 1 j ] 6 sgh phss³ķvjds. Gkhrg, lhr`j u` ehvhphi³ķkheh quj tjeog fh`h v³jrtdfjs hs v³jrtdfjs chs trjs phi³ķkhehs. Jstj ehvhphi³ķkheh sgtdslgz gs trjs fhecd¿fhjs gfd`g. G jij fog`grj`hs cj phi³ķkheh] . G ³grjg cjstj phi³ķkheh phcj sjr fgifuigcg sh`gech-sj gs ³grjgs cj thchs
hs trdgekuihs fh` v³jrtdfjs eh fjetrh ch f³ķrfuih j tjech fh`h igchs u` chsigchs ch phi³ķkheh ] . Vjng HGA u` cjstjs trdgekuihs. Vug ³grjg sjr³g
³Grjg (HGA) 0 7
1GA » HF
hecj HF ³j g giturg ch v³jrtdfj H cjstj trdgekuih.
A
F
GH
Ldkurg 7=.;
71:
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 134/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
Fh`h HG 5 HF 5 HG ∑ GF , tj` sj quj
7
1GA »
HG ∑ GF
9 ³Grjg(HGA) 9
7
1GA » HG
Hasjrvgech quj HG 0 Q j GF 9 I(] ) 9 g, fhefiu³ķ`hs quj
7
1GA » (Q ∑ g) 9 ³Grjg(HGA) 9
7
1GA » Q
Cjscj quj u`g cjsdkugicgcj fh`h jstg vgij j` fgcg u` chs trd gekuihsj` quj suacdvdcd`hs h phi³ķkheh ] , phcj`hs sh`gr thcgs jigs pgrg hatjr
71
] (] ) » (Q ∑ g) 9 G(] ) 9 71
p(] ) » Q
Fh`h h phi³ķkheh ] sgtdslgz g fhecd¿fgh (f), tj`hs quj p ∑g 9 p(] ). ]hrhutrh igch sgaj`hs, cg cjed¿fgh cj pjr³ķ`jtrh ch f³ķrfuih, quj p(] ) 9 p.Ztdidzgech jstgs cugs delhr`g¿fhjs eg cjsdkugicgcj gfd`g hat³j`-sj
7
1( p ∑ g)(Q ∑ g) 9 G(] ) 9
7
1 p » Q
hu sjng
7
1 p » Q ∑
7
1
Q + gp ∑ g1
9 G(] ) 9
7
1 p » Q
Cjstgs cjsdkugicgcj cjfhrrj quj g ³grjg ch phi³ķkheh G(] ) cdljrj cj p »Q/1 j` `jehs quj (gQ + gp ∑ g1)/1. N³g quj, pjig jsfhiog ch phi³ķkheh ] ,G ∑ G(] ) 9 g » Q, jetgh fhefiu³ķ`hs quj
G(] ) ∑
7
1 p » Q
9 g » Q + 7
1 gQ + gp ∑ g1
Fh`h h vgihr cj g ³j gradtr³grdh, phcjech sjr th`gch tgh pjqujehs qugeth
sj qujdrg, j h igch jsqujrch cjstg cjsdkugicgcj egh cjpjecj cg jsfhiog cj
g , s³h phcj`hs fhefiudr quj g cdljrje¿fg G(] ) ∑ 7
1 p » Q ³j zjrh.
Ldfg gssd` cj`hestrgch h tjhrj`g.
71<
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 135/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
J_JQF³DFDH
7. Cjtjr`dej g ³grjg cj u` trdgekuih jqudi³gtjrh cj igch s .
1. Wuj rjig¿fgh sgtdslgzj` gs ³grjgs cj chds trdgekuihs rjtgekuihs sj`ji-ogetjs.
6. H rgdh ch f³ķrfuih desfrdth j` u` phi³ķkheh rjkuigr ³j fog`gch cjgp³ htj`g ch phi³ķkheh rjkuigr. ]rhvj quj g ³grjg cj u` phi³ķkheh rjkuigr ³jdkugi g `jtgcj ch prhcuth ch sju pjr³ķ`jtrh pjig sju gp³htj`g.
3. Cjtjr`dej g ³grjg cj u` ojx³gkheh rjkuigr desfrdth j` u` f³ķrfuih cjrgdh Q.
:. ]rhvj quj g rgzgh jetrj hs fh`prd`jeths cj chds f³ķrfuihs ³j dkugi grgzgh jetrj sjus rgdhs.
<. ]rhvj quj g rgzgh jetrj gs ³grjgs cj chds f³ķrfuihs ³j dkugi g rgzgh jetrjhs qugcrgchs chs sjus rgdhs.
;. Vj hs cdg`jtrhs cj chds f³ķrfuihs sgh 6 j <, qugi g rjig¿fgh jetrj gs sugs³grjgs8
?. Wugi g ³grjg cj u` qugcrgch desfrdth j` u` f³ķrfuih funh rgdh `jcj:f`8
4. Chds ojx³gkhehs rjkuigrjs tj` igchs `jcdech 1f` j 6f`. Wugi ³j grjig¿fgh jetrj gs sugs ³grjgs.
7=. H fh`prd jeth cj u` f³ķrfuih vgij cugs vjzjs h fh`prd jeth cjhutrh f³ķrfuih. Wuj rjig¿fgh jetrj gs sugs ³grjgs8
77. G ³grjg cj u` f³ķrfuih vgij fdefh vjzjs g ³grjgs cj hutrhs f³ķrfuih. Wujrjig¿fgh sgtdslgzj` sjus rgdhs8
71. Wugeth sjrdg ejfjss³grdh cj pgpji pgrg fhardr thcg g lgfj jxtjreg cju` u`g igtg fdi³ķecrdfg fung giturg ³j 7:f` ³j funh rgdh cg agsj ³j :f`8
71;
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 136/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
]QHAIJ@GV
7. @hstrj quj sj chds trdgekuihs sgh sj`jiogetjs jetgh g rgzgh jetrjsugs ³grjgs ³j dkugi g rgzgh jetrj hs qugcrgchs cj qugdsqujr chds sj sjus pgrjscj igchs fhrrjsphecjetjs.
1. @hstrj quj g rgzgh jetrj gs ³grjgs cj chds phi³ķkhehs sj`jiogetjs ³j dkugig rgzgh jetrj hs qugcrgchs j qugdsqujr chds cj sjus igchs fhrrjsphecjetjs.
6. Srjs phi³ķkhehs sj`jiogetjs sgh fhestru³ķchs tjech fgcg u` cjijs, fh`h
igch, u` chs igchs cj u` trdgekuih rjtgekuih. ]rhvj quj g ³grjg ch `gdhrcjijs ³j dkugi g sh`g cgs ³grjgs chs chds `jehrjs.
3. G rjkdgh id`dtgcg phr chds rgdhs j u` grfh cj u` f³ķrfuih ³j fog`gcg
cj sjthr ch f³ķrfuih. @hstrj quj g ³grjgs cj u` sjthr ³j 7
1QV hecj Q ³j h rgdh
ch f³ķrfuih j V ³j fh`prd`jeth ch grfh.
:. ]rhvj quj, j` chds f³ķrfuihs cj rgdhs Q j bQ, fhrcgs cj fh`prd`jethsf j bf , rjspjtdvg`jetj, suatjecj` grfhs cj fh`prd`jeths V j bV .
<. Cjtjr`dej g ³grjg cg rjkdgh id`dtgcg phr u`g fhrcg j pjih grfh cjf³ķrfuih quj jig suatjecj.
;. Cjtjr`dej g ³grjg cg pgrtj cg rjkdgh id`dtgcg phr u` f³ķrfuih quj fgjetrj cugs cj sugs fhrcgs.
?. G kurg gh igch sukjrj u`g hutrg`gejdrg cj cj`hestrgr h tjhrj`g cj]dt³gkhrgs. ]grg lgzjr g cj`hestrg¿fgh jx-prjssj g ³grjg ch qugcrgch `gdhr cj cugs`gejdrgs cdljrjetjs> fh`h prhcuths chs
igchs j fh`h g sh`g cgs ³grjgs chs 3trdgekuihs j ch qugcrgch `jehr. Fh`-pijtj g cj`hestrg¿fgh.
f a
f
a
fa
f
a gg
gg
71?
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 137/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
4. Z`g hutrg prhvg ch tjhrj`g cj
]dt³gkhrgs ³j sukjrdcg pjig kurg gh igch.Cjtjr`dej g ³grjg ch trgp³jzdh cj cugs`gejdrgs cdljrjetjs, cj lhr`g ge³gihkg ghquj lhd ljdth eg qujstgh getjrdhr. Fh`-pijtj g prhvg. Jstg prhvg lhd devjetgcgphr Kgrjicg j` 7?;<.
g Ng`js Gargoge Kgrjic (7?67 ‖ 7??7) lhdh vdk³jsd`h prjsdcjetj chs Jstgchs Zedchs j jrgu` krgecj jstucdhsh j jetusdgstg cg `gtj`³gtdfg.J` 7?;<, jequgeth jstgvg eg Fg`grg cj Qjp-rjsjetgetjs, rgadsfhu eu` pgpji u`g detjrjs-sgetj cj`hestrg¿fgh ch Sjhrj`g cj ]dt³gkhrgs. H
Ejw Jekigec Nhuregi hl Jcufgtdhe puaidfhu jstgcj`hestrg¿fgh.
G A
JC
G
g
a f
g
a
f
7=. Aogsbgrg, u` `gtj`³gtdfh odecu chs³jfuih chzj, frdhu u`g prhvg ch tjhrj`gcj ]dt³gkhrgs agsjgcg eg kurg gh igch.Lg¿fg jstg cj`hestrg¿fgh.
f
f f
f
a g
77. Wugdsqujr chds qugcrgchs phcj` sjr fhrtgchs j` : pjcg¿fhs cj tgilhr`g quj jstjs fdefh pjcg¿fhs phcj sjr rjgrru`gchs pgrg lhr`gr u` ehvhqugcrgch. G `gejdrg cj lgzjr hs fhrtjs ³j decdfgcg eg kurg sjkudetj, eh fgshpgrtdfuigr j` quj hs qugcrgchs fhesdcjrgchs tj` igchs u` h cupih ch hutrh.Cjphds quj vhfj vjrdfgr fh`h fhestrudr h qugcrgch fh` hs : pjcg¿fhs, tjetjcjtjr`degr fh`h lgzjr hs fhrtjs eh fgsh j` quj hs qugcrgchs tj` 71 j ?.
714
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 138/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
FH@JES ³GQDH
³J phss³ķvji jvdtgr g detrhcu¿fgh chs Gxdh`gs \D.7 g \D.3. H fhefjdthcj ³grjgs tjrdg jetgh cj sjr trgagiogchs g pgrtdr chs gxdh`gs j tjhrj`gscj`hestrgchs ehs fgp³ķtuihs getjrdhrjs j h fhetj³uch chs gxdh`gs \D.7 g \D.3gpgrjfjrdg fh`h u` tjhrj`g cg ehssg kjh`jtrdg. \g`hs cgr u`g dcjdg cjfh`h dsth phcjrdg sjr ljdth.
Fh`j¿fg`hs hasjrvgech quj,j` thch trdgekuih, h vgihr chprhcuth ch fh`prd`jeth cj u`
igch pjig giturg quj ioj ³j fhr-rjsphecjetj, egh cjpjecj cg js-fhiog ch igch. Vj usgr`hsg ehtg¿fgh decdfgcg eg kurggagdxh, h quj jstg`hs cdzjech ³jquj gk 0 ao 0 fb. Cjed`hs,jetg h g ³grjg cj u` trdgekuihfh`h jstj prhcuth, vjzjs u`gfhestgetj uedvjrsgi I. Dsth ³j,cgch u` trdgekuih GAF , cjed-`hs sug ³grjg fh`h
G
A
Fg
a f
b k o
³Grjg(GAF ) 0 I»
GA »
o (7)
hecj o ³j h fh`prd`jeth cg giturg ch v³jrtdfj F rjigtdvg`jetj gh igchGA . J` sjkudcg tj`hs cj cj`hestrgr quj, sj suacdvdcdr`hs h trdgekuihGAF j` u` e³u`jrh edth cjtrdgekuihs, j utdidzgr-`hs pgrgfgcg u` chs trdgekuihs cg sua-cdvdsgh g l³hr`uig gfd`g, g sh`gcj sugs ³grjgs sjr³g dkugi g ³grjgch trdgekuih hrdkdegi GAF . Jstgcj`hestrg¿fgh egh sjr³g gprjsje-
tgcg gqud. H ijdthr detjrjs-sgch phcjr³g jefhetrg-ig eh idvrh’Kjh`jtrdg Jij`jetgi‐ sj G.\.]hkhr³jihv, Jcdthrg @dr. @gs sjqudsjr tjetgr phr sd `js`h, cjvjdedfdgr fh` h fgsh `gds sd`pijs j` quj g suacdvds gh lhd ljdtg fh`h eg kurggetjrdhr. Hasjrvj quj, ejstj fgsh, o³g u`g giturg quj ³j fh`u` g thchstrdgekuihs! ]grg h fgsh kjrgi, sj ]WQ lhr u` trdgekuih cg suacdvdsgh, tjetjcjtjr`degr u`g lhr`uig pgrg sug ³grjg j` tjr`hs cgs ³grjgs chs trdgekuihsG]W , GWQ j GQ] .
76=
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 139/142
KJH@JSQDG JZFIDCDGEG ]IGEG ³GQJG
H vgihr I quj kurg eg l³hr`uig (7) ³j gid fhihfgch pgrg pjr`dtdr g
gcgptg¿fgh cgqujig l³hr`uig ³gs cdvjrsgs uedcgcjs cj ³grjg.Cgcg u`g rjkdgh phidkhegi, g fhdsg `gds egturgi g lgzjr ³j cjedr sug
³grjg fh`h g sh`g cgs ³grjgs chs trdgekuihs quj g fh`phj. Hasjrvj`hs quju`g `js`g rjkdgh phidkhegi phcj sjr suacdvdcdcg j` rjkdhjs trdgekuigrjs cj`udtgs `gejdrgs cdljrjetjs. Gssd`, tj`hs u`g qujstgh cj fhesdstjefdg g sjrrjshivdcg. ]grg quj phssg`hs usgr jstg cjed¿fgh cjvj`hs vjrdfgr sj h vgihregi cg ³grjg cj u`g rjkdgh phidkhegi ³j decjpjecjetj cg pgrtdfuigr suacdvdsghcg `js`g j` trdgekuihs. Vupheog`hs quj u`g rjkdgh phidkhegi ] tjeogsdch suacdvdcdg j` trdgekuihs S 7, S 1, ..., S e j cjphds j` trdgekuihs S
7, S
1,
..., S `. ]rjfdsg`hs cj`hestrgr quj g sh`g cgs ³grjgs chs trdgekuihs, j`g`ahs hs fgshs, ³j g `js`g. Hs trdgekuihs cgs cugs suacdvdshjs, fhesdcjrgchs
j` fhenueths, rjgidzg` u`g suacdvdsgh cg rjkdgh phidkhegi ] j phi³ķkhehsfhevjxhs, g sgajr> j` trdgekuihs, qugcrdi³gtjrhs, pjet³gkhehs j ojx³gkhehs.Vuacdvdcd`hs, fgcg u` cjijs, j` trdgekuihs. Sjrj`hs gkhrg u`g suacdvdsghS
7 , S
1 , ..., S
p cg rjkdgh phidkhegi ] fh` g prhprdjcgcj cj quj qugiqujrtrdgekuih, cg prd`jdrg suacdvdsgh hu cg sjkuecg suacdvdsgh, ³j fh`phsth cjtrdgekuihs cg ehvg suacdvdsgh. Fh`h n³g vd`hs, g ³grjg cj thch trdgekuih cgsjkuecg suacdvdsgh ³j g sh`g cgs ³grjgs chs trdgekuihs quj fh`phj`. ]hrdsth
³Grjg(S d) 0
³Grjg(S
n )
³Grjg (S
b) 0
³Grjg (S
n )
]hrtgeth g sh`g cgs ³grjgs chs trdgekuihs cj qugiqujr cgs pgrtd¿fhjs ³j g`js`g. Dsth fhefiud h ehssh grku`jeth.
Gkhrg ³j l³gfdi hatjr quj g ³grjg cj u` rjtgekuih GAFC j dkugi g 1I »GA »
FC. ]grg dsth agstg suacdvdcdr h rjtgekuih j` chds trdgekuihs rjtgekuihsgtrgv³js cg cdgkhegi GF .
³J jxgtg`jetj fhevjedjetj jsfhiojr h vgihr cj I cj `hch quj, g ³grjg cju` qugcrgch cj igch u`, sjng jxgtg`jetj u`. Cj gfhrch fh` g l³hr`uiggfd`g, agstg th`gr I 0 7/1. Jstg jsfhiog trgeslhr`g¿fgh g jqug¿fgh (7) egl³hr`uig usugi cg ³grjg cj u` trdgekuih!
767
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 140/142
F]@ =7 ‖ Ihkgrdt`hs
Jihe Igkjs Id`g
F]@ =1 ‖ Geçidsj Fh`adegtördg j ]rhagadidcgcj
Gukusth F. @hrkgch, Nhæh Ahsfh ]dth`ajdrg cj Fgrvgioh, ]guih Fjzgr ]deth Fgrvgioh j ]jcrh
Ljegecjz
F]@ =6 ‖ @jcdcg j Lhr`g j` Kjh`jtrdg
(Fh`prd`jeth, çrjg, vhiu`j j sj`jiogeëg)
Jihe Igkjs Id`g
F]@ =3 ‖ @ju ]rhljsshr cj @gtj`çtdfg j hutrgs Odstördgs
Jihe Igkjs Id`g
F]@ =: ‖ Fhhrcjegcgs eh ]igeh
Jihe Igkjs Id`g fh` g fhigahrgëæh cj ]guih Fjzgr ]deth Fgrvgioh
F]@ =< ‖ Srdkheh`jtrdg j Eþ`jrhs Fh`pijxhs
@gdelrjch ]. ch Fgr`h, Gukusth Fjzgr @hrkgch, Jcugrch [gkejr fh` Ehtgss Odstördfgs cj Nhæh
Ahsfh ]dth`ajdrg
F]@ =; ‖ Fhhrcjegcgs eh Jspgëh
Jihe Igkjs Id`g
F]@ =? ‖ ]rhkrjssújs j @gtj`çtdfg Ldegefjdrg
Gukusth F. @hrkgch, Jcugrch [gkejr j Vojdig F. ^ged
F]@ =4 ‖ Fhestruëújs Kjh`ätrdfgs
Cugrch [gkejr fh` g fhigahrgëæh cj Nhsä ]guih W. Fgrejdrh
F]@ 7= ‖ Detrhcuëæh í Kjh`jtrdg Jspgfdgi
]guih Fjzgr ]deth Fgrvgioh
F]@ 77 ‖ Kjh`jtrdg Jufidcdgeg ]igeg
Nhæh @grqujs Iufgs Agrahsg
F]@ 71 ‖ Dsh`jtrdgs
Jihe Igkjs Id`g
F]@ 76 ‖ G @gtj`çtdfg ch Jesdeh @äcdh ‖ \hi. 7
Jihe Igkjs Id`g, ]ugih Fjzgr ]deth Fgrvgioh, Jcugrch [gkejr j Gukusth F. @hrkgrch
]grg hatjr `gdhrjs delhr`gëújs j gcqudrdr
idvrhs cg fhijëæh ]rhljsshr cj @gtj`çtdfg cdrdng-sj g
VA@ • Sji. > (=17)143-4=61 • Lgx.>(=17)1:4-3736
Jstgcg Cheg Fgsthrdeg, 77=113<=-61= • Ngrcd` Ahtáedfh
Qdh cj Ngejdrh • QN
FHIJ ÆH ]QHLJVVHQ CJ @GSJ@ÇSDFG ‖ F]@
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 141/142
Jstj idvrh lhd jsfrdth pgrg sjrvdr cj tjxth g u`g cdsfdpideg cj Kjh`jtrdg pgrg
giuehs cj furshs cj Idfjefdgturg j` @gtj`çtdfg. Jij lgz u`g gprjsjetgëæh
cg Kjh`jtrdg Jufidcdgeg ]igeg cj u` pheth cj vdstg `gds gvgeëgch quj h
quj sj cjvj utdidzgr eh jesdeh cj 7¾ j 1¾ krgus. H hanjtdvh ä cgr gh luturh
prhljsshr u`g vdsæh `gds g`pig cgqudih quj jij vgd jesdegr. J` pgrtdfuigr,
h idvrh lgz u`g gprjsjetgëæh gxdh`çtdfg cg Kjh`jtrdg, phrä` ä fhevjedjetj
cjdxgr aj` figrh ‖ sj` qujrjr fh`h dsth sukjrdr quj h luturh prhljsshr cj 7¾
j 1¾ krgus gchtj h `js`h tdph cj gprjsjetgëæh qugech jstdvjr jesdegech.
Z`g gprjsjetgëæh gxdh`çtdfg cg Kjh`jtrdg, giä` cj sjr ihekg j jxdkdr
tj`ph, sö phcj sjr ljdtg fh` prhvjdth qugech hs giuehs nç tdvjrg` gcqudrdch
agstgetj lg`didgrdcgcj fh` hs lgths kjh`ätrdfhs, fhecdëæh decdspjesçvji
pgrg aj` prjpgrg-ihs g jetjecjr j gprjfdgr h phrquî cg gxdh`gtdzgëæh.
7/17/2019 Carregando Imagens em JavaScript
http://slidepdf.com/reader/full/carregando-imagens-em-javascript 142/142
Wujr tjr gfjssh g giku`gs shiuëújs cjssj idvrh8 Jetæh gfjssj>
www.eu`ajr.?4=`.fh`
]grg jetrgr j` fhetgth fh` h jcdthr
cg vjrsæh jijtróedfg cjssj idvrh jsfrjvg pgrg
edaaijcdjkhMk`gdi.fh`