ÿþ<html> <head> <title>Tell Time</title> <script language="javascript"> //-------------- Change the following to customize your slide show ------------------ var imgName = "../img/time/T"; //URL of the images var imgType = ".jpg"; //type of image .gif, .jpg or .png var total = 12; //total number of images var next = 2; //start image number var repeat = true; //continue loop? true or false var interval = 2000; //interval 2 second //-------------- Do not alter the code below ---------------------------------------- var picArray = new Array(); //Create Array to store images for (var i = 1; i <= total; i++) { picArray[i] = new Image(); //Create an Image object picArray[i].src = imgName + i + imgType; //Load object with the .jpg file } function run() { document.slideShow.src = picArray[next].src; //Move next image into slideShow next = next+1; if (repeat && next > total) //if repeat is requested next = 1; //reset number to 1 if (next > total) clearInterval(timer); //stop the show } function move(direction) { next += direction; if (next > total) next = 1; if (next < 1) next = total; document.slideShow.src = picArray[next].src; //Move next image into slideShow } </script> </head> <body bgcolor=wheat onLoad="timer=setInterval('run()',interval)"> <p style="display:inline; color:crimson; font:bold 14pt">What Time Is It Now? þs(W/f~^Þž?</p> <div align=center> <img src=../img/time/T1.jpg name=slideShow> <form align=right> <input type=button value=" Prev " onClick="move(-2);run()"> <input type=button value=" Next " onClick="move(+0);run()">&nbsp;&nbsp;&nbsp; <input type=button value=" Start " onClick="run();timer=setInterval('run()',interval)"> <input type=button value=" Stop " onClick="clearInterval(timer);"> </form> </div> <table align=center> <tr> <td align=center><img src="../img/time/T1s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T2s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T3s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T4s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T5s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T6s.jpg" height=90 width=90/></td> </tr> <tr > <td><img src="../img/time/T1C.jpg" height=40 width=140/></td> <td><img src="../img/time/T2C.jpg" height=40 width=140/></td> <td><img src="../img/time/T3C.jpg" height=40 width=140/></td> <td><img src="../img/time/T4C.jpg" height=40 width=140/></td> <td><img src="../img/time/T5C.jpg" height=40 width=140/></td> <td><img src="../img/time/T6C.jpg" height=40 width=140/></td> </tr> <tr bgcolor=pink> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="audioplayer1" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t1.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object1" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t2.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object2" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t3.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object3" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t4.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object4" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t5.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object5" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t6.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> </tr> <tr> <td align=center><img src="../img/time/T7s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T8s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T9s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T10s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T11s.jpg" height=90 width=90/></td> <td align=center><img src="../img/time/T12s.jpg" height=90 width=90/></td> </tr> <tr > <td><img src="../img/time/T7C.jpg" height=40 width=140/></td> <td><img src="../img/time/T8C.jpg" height=40 width=140/></td> <td><img src="../img/time/T9C.jpg" height=40 width=140/></td> <td><img src="../img/time/T10C.jpg" height=40 width=140/></td> <td><img src="../img/time/T11C.jpg" height=40 width=140/></td> <td><img src="../img/time/T12C.jpg" height=40 width=140/></td> </tr> <tr bgcolor=pink> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object6" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t7.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object7" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t8.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object8" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t9.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object9" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t10.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object10" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t11.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> <td> <object type="application/x-shockwave-flash" data="http://www.nwcsny.org/eileen/NWCS/audio/player.swf" id="Object11" height="30" width="125"> <param name="movie" value="http://www.nwcsny.org/eileen/NWCS/audio/player.swf"> <param name="FlashVars" value="playerID=1&amp;soundFile=http://www.nwcsny.org/eileen/NWCS/audio/t12.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> </td> </tr> </table> </body> </html>