home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _DA998866A23A467590BC9AF19FC4FC86 < prev    next >
Encoding:
Text File  |  2005-12-12  |  7.7 KB  |  162 lines
  1. <html>
  2. <head>
  3. <title>Family Show</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script language="JavaScript">
  6. <!--
  7. function MM_preloadImages() { 
  8.   if (document.images) {
  9.     var imgFiles = MM_preloadImages.arguments;
  10.     if (document.preloadArray==null) document.preloadArray = new Array();
  11.     var i = document.preloadArray.length;
  12.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  13.       preloadArray[i] = new Image;
  14.       preloadArray[i++].src = imgFiles[j];
  15.   } }
  16. }
  17.  
  18. function MM_swapImgRestore() { 
  19.   if (document.MM_swapImgData != null)
  20.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  21.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  22. }
  23.  
  24. function MM_swapImage() { 
  25.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  26.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  27.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  28.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  29.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  30.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  31.     obj = eval(objStr);
  32.     if (obj != null) {
  33.       swapArray[j++] = obj;
  34.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  35.       obj.src = MM_swapImage.arguments[i+2];
  36.   } }
  37.   document.MM_swapImgData = swapArray; //used for restore
  38. }
  39. //-->
  40. </script>
  41. <style type="text/css">
  42. <!--
  43. .AlbumTitleStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 36pt; font-style: italic; color: #FFFFCC; text-align: center}
  44. .ThumbTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; font-style: normal; color: #CCFFCC; text-align: center}
  45. .Fixed02 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #FFFF99; text-align: center}
  46. .SignStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #FFFFFF}
  47. -->
  48. </style>
  49. <script language="JavaScript">
  50. <!-
  51. function MM_changeProp(objStrNS,objStrIE,theProp,theValue) { 
  52.   var NS = (navigator.appName == 'Netscape');
  53.   var objStr = (NS)?objStrNS:objStrIE;
  54.   if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
  55.       (!NS && (objStr.indexOf('document.all[')   !=0 || document.all   !=null))) {
  56.     var obj = eval(objStr);
  57.     if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
  58.       eval(objStr+'.'+theProp + '="'+theValue+'"');
  59.   } }
  60. }
  61.  
  62. var nCurImg = 0;
  63. var nTimeSlice = 1000;
  64. var nImgCount = 1;
  65. var ImgFileNameArray;
  66. var bPlay = false;
  67. var nTimeoutID = 0;
  68.  
  69. function CreateImageArray()
  70. {
  71.     ImgFileNameArray = new Array(nImgCount);
  72.     ImgFileNameArray[0] = "../image/family-photo.jpg";
  73. }
  74.  
  75. function SetHolderImage(nIndex)
  76. {    
  77.     if (nIndex < nImgCount) {
  78.         var ImgSrc = ImgFileNameArray[nIndex];
  79.         MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
  80.     }
  81.     else
  82.         window.alert("Array index out of bound");
  83. }
  84.  
  85. function OnLoadDocument()
  86. {
  87.     CreateImageArray();
  88.     SetHolderImage(0);
  89.     Play();
  90. }
  91.  
  92. function TimeoutProc()
  93. {
  94.     if (bPlay) {
  95.         Next();
  96.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);    
  97.     }
  98. }
  99.  
  100. function Play()
  101. {
  102.     if (!bPlay) {
  103.         bPlay = true;
  104.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
  105.     }
  106. }
  107.  
  108. function Stop()
  109. {
  110.     if (bPlay) {
  111.         bPlay = false;
  112.         if (nTimeoutID != 0)
  113.             window.clearTimeout(nTimeoutID);
  114.     }
  115. }
  116.  
  117. function Next()
  118. {
  119.     nCurImg = (nCurImg + 1) % nImgCount;
  120.     SetHolderImage(nCurImg);
  121. }
  122.  
  123. function Previous()
  124. {
  125.     nCurImg = (nCurImg - 1) % nImgCount;
  126.     if (nCurImg < 0)
  127.         nCurImg += nImgCount;
  128.         
  129.     SetHolderImage(nCurImg);
  130. }
  131.  
  132. //-->
  133. </script>
  134.  
  135. </head>
  136. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/The Little Flute.mid" repeat="1" loop="-1">
  137. <body bgcolor="#586657" onLoad="MM_preloadImages('../Image/btn_hom2.gif','#962364305980');MM_preloadImages('../Image/btn_pre2.gif','#962364320150');MM_preloadImages('../Image/btn_nxt2.gif','#962364347060');MM_preloadImages('../Image/lighter2.jpg','#965198580080');MM_preloadImages('../Image/lighter1.jpg','#965198585080')">
  138. <div id="Layer1" style="position:absolute; left:5px; top:214px; width:740px; height:169px; z-index:1"><img src="../Image/family-table.gif" width="758" height="205"></div>
  139. <div id="Layer2" style="position:absolute; left:240px; top:77px; width:267px; height:179px; z-index:2"><img src="../Image/frame_bk.jpg" width="280" height="186"></div>
  140. <div id="Layer3" style="position:absolute; left:253px; top:82px; width:261px; height:173px; z-index:3"><img src="../Image/family-photo.jpg" width="260" height="172" name="uImage001"></div>
  141. <div id="Layer4" style="position:absolute; left:215; top:54; width:325px; height:214px; z-index:4"><img src="../Image/family-frame.gif" width="335" height="237" name="uImage001Dec01"></div>
  142. <div id="Layer5" style="position:absolute; left:616px; top:49px; width:122px; height:71px; z-index:5"><a href="#" onDblClick="MM_swapImage('document.layers[\'Layer5\'].document.Image1','document.Image1','../Image/lighter1.jpg','#965198585080')" onClick="MM_swapImage('document.layers[\'Layer5\'].document.Image1','document.Image1','../Image/lighter2.jpg','#965198580080')"><img src="../Image/lighter1.jpg" width="142" height="73" border="0" name="Image1"></a></div>
  143. <div id="Layer6" style="position:absolute; left:133px; top:312px; width:136px; height:94px; z-index:6"><img src="../Image/controler.gif" width="139" height="106"></div>
  144. <div id="Layer7" style="position:absolute; left:174px; top:340px; width:37px; height:21px; z-index:7"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer7\'].document.uPreviousButton','document.uPreviousButton','../Image/btn_pre2.gif','#962364320150')"><img src="../Image/btn_pre1.gif" width="48" height="30" border="0" name="uPreviousButton" alt="Back"></a></div>
  145. <div id="Layer8" style="position:absolute; left:208px; top:340px; width:12px; height:25px; z-index:8"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer8\'].document.uNextButton','document.uNextButton','../Image/btn_nxt2.gif','#962364347060')"><img src="../Image/btn_nxt1.gif" width="46" height="30" border="0" name="uNextButton" alt="Next"></a></div>
  146. <div id="Layer9" style="position:absolute; left:217px; top:325px; width:26px; height:20px; z-index:9"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer9\'].document.uHomeButton','document.uHomeButton','../Image/btn_hom2.gif','#962364305980')"><img src="../Image/btn_hom1.gif" width="40" height="22" border="0" name="uHomeButton" alt="Home"></a></div>
  147. <div id="Layer10" style="position:absolute; left:13px; top:3px; width:747px; height:52px; z-index:16"> 
  148.   <p id="uAlbumTitle" align="center" class="AlbumTitleStyle">Let's See What's on T.V.</p>
  149. </div>
  150. <div id="Layer11" style="position:absolute; left:264px; top:292px; width:242px; height:33px; z-index:14"> 
  151.   <p id="uThumbTitle001" align="center" class="ThumbTitleStyle">Your photo caption goes here!</p>
  152. </div>
  153. <div id="Layer12" style="position:absolute; left:522px; top:389px; width:241px; height:15px; z-index:15"> 
  154.   <p align="center"><a href="http://www.novadevelopment.com" class="Fixed02"> 
  155.      </a> </p>
  156. </div>
  157. <div id="Layer13" style="position:absolute; left:0; top:430; width:760; height:50; z-index:13; visibility: hidden"> 
  158.   <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
  159. </div>
  160. </body>
  161. </html>
  162.