ࡱ> [Zn|QͿÍ' 8PNG  IHDR'_b4sRGB pHYs.>ʳշ3<`FZ?YM/OS_l@ObF3ov:qod&- ߹ ϯ<ޑ/IDATxًvJ@Q^*JPTUCY >Se'}_q"Nĉ8'D9 p 'p"Nĉ8'N8q"Nĉ8'p 'p‰8'Dp 'p 'Dq 'p 'q"N 'p 'p"Nĉ8'N'p 'q"Nĉ8N8D=:mf˷,[2٬6lꍼ{&wEu|y4[泾l&Ѯ:ߖƛ.<:}NdN<_&sbǍ$/iT*u-~Gz4;I^j7k"ᥴ ]hvrNdgznE6Neou' 6\ZFNnRdNf9Oe#",E6aYq};ieI'rS_\vR֏٨i@^.Fv1E7s"^β٬IXNvm׫e8*^5dy}iIU_ 86Mo^ZrAfrI/*'srZb4g~fiZ/ۯܚer蜔񾉓9:ɶǫC| 4Q2V 6ONOeJ9 W'3t2Q19owr9Dq"N8N8q"Nĉ8N8Nĉ8'N8N8'DN8Nĉ8'Dp 'p"Nĉ8'N8N8'DN8N8Dqs"q"Nĉ8'DHq"Nĉ8''Dq"Nĉĉw~ܘNN8W'F 'p 'svՅݣ]nཷOcyox:8)'`A >L1>w4rrws?z7xZK%;N7E#'ys| i+{;хQ0Co2qhC;=\M P؟>ܿ}~_|Mn}r.ygpwżQ0OG8e?pr.tr>q7N+K2djKwNƷay_?{=[4u DW|cuW'wN_FwprcĨ91jN8N8_+Nasܯ8\O$Nĉ8'Dq"Nĉ8'DDq"NĉHy{^؋ZIENDB`n4q6k:Q}PNG  IHDRg sRGB pHYs.>DZʳշ3=<`FZ FY0PS?YM/OS@YLPcF_l@ObFpv93ov:`m@qod,3&- & а߹ ϯ +f:IDATx؋z:aB[`wVNN? ,yAHp @" D@" HA$}ˀH H H H H H H H H H H H H H H H H H H H H H ]iiJ#Y L{C\U?)IF*4g E2se*,c[dR?nT۩;!#,/֡J̙bf=,,#k$y6׽iG3߼_G>E27~R)NnTӪbsߓvGsE2wL]RefDvo/ۓ&kޡi+()GUU_)GXPb ҜK*OlΊǹ]4uHCNA2}هiEC5HYjbT=*2H7IN@zDRj^LObBi OIˋ ۵1HIhi!+?5 Fu#ЌrEz. mDN?O/$ۤ`{{;DZE {٥^] I d2*eܣv;܍ݺMc{YVU,ѻ$p7ֻ{+#KX/{$ɃlHj_B2ܭ aleUG˭:E26')lp7 !ߧj/J>m;' 5X%[:_#H0 ) mVHptYysAzɌwOCHHpn`Vsoһ~^ҝlYͱލʅvv5.,cD? .B+/Gݿ2+T~u|Ş YtgjgfU0(V Cҿ4E,;.̀TPgAC,3 n N>? ])W o#4^[A69uymiGpWM̭o#O wS k]y\5#5u0ܝ.8zNG?}?7GFwtmL''VuO" H @" @" @" D@" D@" D@" D@D@D@tmk\IENDB``!)Ios84q8];n2 'X":xڭ]+as홙%EҮ6I)"Vኴ|V.^/P^Jp#q!ܹrPr8g^f3ΜyZ&4C'R|0/uE~dŏlcȑ@qQZy_ͯux>~nߨo$K|#}~3%/4o7tj4ocxn1rԊjV xD3?z7փ[&'vwփLJ.VZ(   SmartDraw SmartDraw.20"SmartDraw Drawing/ 00DTimes New Roman\u| 0|DArialNew Roman\u| 0| DWingdingsRoman\u| 0|0DCourier Newman\u| 0|1 C .  @n?" dd@  @@`` h ` S*""   &' > 4"    `$$b$|QͿÍ' 8b$4q6k:Q}$$$2$Ios84q8]1  0e0e A@A5%8c8c     ?1d0u0@Ty2 NP'p<'p@A)BCD|E?@3333@80 1  7R ʚ; allows us to display images on webpages. What if we want more control of what to show. When a webpage with images is loaded by a browser, an images[] array is created. The first image is loaded onto images[0] and so on. Unlike, GUI such as buttons etc, where they are the properties of the form, images are properties of the document. In order to display an image using javascript. The command is straight forward as such. document.images[0].src= "/~owt/web/abc.gif"$3333333333t#L FObject Hierarchy for images(Medium exercise: jex12.html %Medium ExerciseInstead of 4 buttons, you only have one now. When you press the button, it will randomly select a picture When you press random rotate, it will randomly pick a picture to display after a set interval Stop random, will stop this process.&To get a function to repeatThe command to do that is stopID=setInterval("f1", 1000) which means after every 1000 milliseconds, you will call function f1() again. In order to stop the animation, you do the following clearInterval(stopID); Where do you put this setInterval and clearInterval function? > =P   )How to include the rotationYou need to write two function and declare a global variable. var stopID // together with other variables //declaration function rotatePicture() { stopID = setInterval("disFirst()", 500); } function rotateStop() { clearInterval(stopID); } p?ZZZ? 8?C    '51 Jackpot: jex13.htmlCreate 3 random image Stop the image from rotating When you stop and the 3 images displayed are the same you alert  JACKPOT Good Luck J Hint: You might want to rotate slower initially to know you can stop in time to see you hit the jackpot.,Zi/      0` 3Wo+ff3̙` 33f33̙3` ! <yxG`wglZff` yE[AQpff3k` 31m̙3f` 3333̙3` O~̙Zƺ` ffff̙` ǵfZƺ` fff3fZ̙>?" dd@*?tZd@nK `7@d` n?" dd@   @@``PR    @ ` `0p>>   ` (  T `   "`   6D֕"  * \ }`  "}`  6xڕ"}` * B  s *DjJ"`,$D  0  6ݕ "@`  T Click to edit Master title style! !$  0Dߕ "@`  RClick to edit Master text styles Second level Third level Fourth level Fifth level!     S  0 #" `b@   H*0    0 #" ``@   J* 0    0 "``  J* 0  `B  s *D"    s *<" 0 H  0޽h ? fff3fZ̙___PPT10i. 3l+D=' p = @B + HTML   0   p (   T   "  6("P  * <\   "  <H"p *   <̠ "0 `s * hB  s *Dp" p \ Pp  "Pp   6"pPp * B   s *D"p,$ 0  6 "`@  T Click to edit Master title style! !  6  " `@   W#Click to edit Master subtitle style$ $  0쮣 #" `b?  H*0    0 #" ``Aa   J* 0    0 #" ```  J* 0  H  0޽h ? fff3fZ̙80___PPT10. 3l 0 z``(  ` ` 0T P%   R*    ` 0L  %  T*   d ` c $ ?(K   ` 0`  @)  RClick to edit Master text styles Second level Third level Fourth level Fifth level!     S ` 6| P   R*    ` 6\    T*   H ` 0޽h ? ̙3380___PPT10.{p  0   (  x  c $£ `@  H  0޽h ? ̙33$   0  $(  r  S .@`   r  S /@`  H  0޽h ? fff3fZ̙80___PPT10.5@   0 x P(  Pr P S xH@`   ^ P0 3 0e0eA  ?@ 5%8c8c     ?1d0u0@Ty2 NP'p<'p@A)BCD|E?  H P 0޽h ? fff3fZ̙80___PPT10.;0>   0 bZ (  x  c $P@`   :  3 A H  0޽h ? fff3fZ̙80___PPT10.; {$   0  |$(  |r | S D[@`   r | S [@`  H | 0޽h ? fff3fZ̙80___PPT10.; <$   0  $(  r  S 4`@`   r  S g@`  H  0޽h ? fff3fZ̙80___PPT10.;ਈ$   0  $(  r  S L|@`   r  S $}@`  H  0޽h ? fff3fZ̙80___PPT10.aUf   0  f(  r  S 8y@`   r  S z@  :  3 A H  0޽h ? fff3fZ̙80___PPT10.;D} 0  ((  ^  S `(K     c $` @)    H  0޽h ? ̙3380___PPT10.}Qpz 0  ((  ^  S `(K     c $E` @)    H  0޽h ? ̙3380___PPT10.}Q1| 0  ((  ^  S `(K     c $DO` @)    H  0޽h ? ̙3380___PPT10.}Q1|% 0  ((  ^  S `(K     c $4d` @)    H  0޽h ? ̙3380___PPT10.}Q ޥ& 0  ((  ^  S `(K     c $8y` @)    H  0޽h ? ̙3380___PPT10.}Q` ' 0  ((  ^  S `(K     c $` @)    H  0޽h ? ̙3380___PPT10.}Q` $( 0  4(  d  c $`(K     s *W` @)    H  0޽h ? ̙3380___PPT10.}Qyܥ) 0 ((  ^  S `(K     c $` @)    H  0޽h ? ̙3380___PPT10.bUߝohx p!$ b T_ By噼k%i:S3NڎSck[;*:S;~:0ҊCiK[uکgPHϹ}6pw޽{wO_Χ$\C\䤏x-u $UfRNNNNb d ( 7L B!13es cW;4뉙-N{#^VOYJNH'PpNʉ m7l @]+#ǭ ywMDo'$3]~.lRF<' uH>LuA ̀tCEP8+ !@t.jHs8yyu?K}Й|H$4|HBYiK @ZL1ep]i R[udtZO-TЊ/}9wdbMcH>\3:㸛a{1w@| uFϥw S oN^* W_iTJQzEX 㪗"e m=ǽG=[@k<}Ⱦ<~>8@@VKU毌nj[c]~_@2=ٲu J B]+?U z됻>F[Cbŝ%/.Sj=)z*׏Vy֓GvwW!w=[Z-]mkI#'^.oxiN˫I}M7/bre$.Ao((FZ-:v=pBs^Z$zXgJې4RH8qܗ/},ܐ/H!o{yOp-}1+XgZwiCv-I2FoZƫ꘻-z03(ϲDVhNGK֋f8E}BONE [Oaиdch#٭A[S[k[i@l r]~NPOH|9kXޖ+} klXO*v *[sM]ñ/ņnjXdKyk^7ŋ7(7='dS7gl,Ahnc(8VIƻj&K6R=acmd,'W 1>p^5aIamΩ{.ls/&N,cӤY?~'W*9Q>Oj'A=k\8 Pݐo$W@e)fۧ@ xń֍,Qx˿oΐ~WұO+`9?*,dE_Bp"A*ʣp4P].BvFHX7Wr+(dPh~HX$c510ظ]\k*HǠpPecBպ$ua]F̀#$P9Ur.u޺ۧ`(p>)hۡׯA:+\1\i]YY76`\ Tkº*acv6ֵl;o\{Tc*i1Иqq}:3n5"[ƵJ"0㲝q+uf>a\W^mp޸n58h qq\r'P98+K"02ڌ2Pye0;qyq{x;k!u[({Pʻ< ʕP^TpueIf]6} T>2LXדW]ʸjJ㒤uܑAzm .AS-qiu;\W[cb^1JJ,JX?\ձFA'Untvϻ>^b'%L0' H._"|r!Ns/%S-Zb QG-ZJbx&' b ϥLRg@\CTktI\pN{+|K9RKsUhcQ?Ͻx>f99%eok=b|Nqds:Isvn?Q;]v9]Es9Z~n'˅ϭV {]셒9>}Z ϥt$[{pns+.o,x:F}gmx-nnuSk0e9da>.xU0>r^̼Na9jj&Hs.Va}o 9?~/f3b31%l\g&-{li2=c![>>P@uQ}Ȓp6c5q [Y!r8S >c.X|Гԥ H^[z{MbY|O`0)?,,8 @ P(̼Fay6/)V{Vu;{ s$8|3 (~1s9̋/8@)/ͭ~iDNEp^\ZCcTP(dP;-nN2$Tî^5qd{g9zwdfgcL3y{ǔ{%|젧1Րf>oky{&ȏu _򐿐5O|NO󐿐3+> |؟6_@4q a80 -? cB`!IMKOR3TSVpsXZ\'G^yM`'r1Oh+'0 hp   $HTML and Web PagesTerence T. OwHTMLTerence T. Ow139Microsoft PowerPoint@и2@-@UVGg    y--$xx--'--$UU--'ff--$=hh==--'--$AffAA--'ff--%UU--'̙--$m m m --'ff--% --'@Times New Roman-. f32 $& JavaScript ."System9-@Times New Roman-. f3 2 $UT.-@Times New Roman-. f32 $] more arrays, .-@Times New Roman-. f32 1&images .-՜.+,0    On-screen Show516, Times New RomanArial Wingdings Courier NewHTMLSmartDraw Drawing!JavaScript more arrays, images Image Object and images[] arrayObject Hierarchy for imagesMedium exercise: jex12.htmlMedium ExerciseTo get a function to repeatHow to include the rotation51 Jackpot: jex13.html  Fonts UsedDesign TemplateEmbedded OLE Servers Slide Titles%_s 0Terence T. OwTerence T. Ow  !"#$%&'()*+,-./0123456789:;<=>?@ACDEFGHIKLMNOPQSTUVWXY\Root EntrydO)PicturesCurrent UserRSummaryInformation(BPowerPoint Document(6sDocumentSummaryInformation8J