home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _471A94A2E69C4A54A55948E82A68E035 < prev    next >
Encoding:
Text File  |  2005-12-12  |  9.2 KB  |  203 lines
  1. <html>
  2. <head>
  3. <title>My Birthday Party</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. .AlbumTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 26pt; color: #CC0033}
  8. .ThumbTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; color: #D00030; font-weight: bold}
  9. .fixed01 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #003399}
  10. -->
  11. </style>
  12. <script language="JavaScript">
  13. <!--
  14.  
  15. function MM_preloadImages() { 
  16.   if (document.images) {
  17.     var imgFiles = MM_preloadImages.arguments;
  18.     if (document.preloadArray==null) document.preloadArray = new Array();
  19.     var i = document.preloadArray.length;
  20.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  21.       preloadArray[i] = new Image;
  22.       preloadArray[i++].src = imgFiles[j];
  23.   } }
  24. }
  25.  
  26. function MM_swapImgRestore() { 
  27.   if (document.MM_swapImgData != null)
  28.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  29.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  30. }
  31.  
  32. function MM_swapImage() { 
  33.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  34.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  35.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  36.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  37.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  38.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  39.     obj = eval(objStr);
  40.     if (obj != null) {
  41.       swapArray[j++] = obj;
  42.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  43.       obj.src = MM_swapImage.arguments[i+2];
  44.   } }
  45.   document.MM_swapImgData = swapArray; //used for restore
  46. }
  47.  
  48. function MM_timelineGoto(tmLnName, fNew, numGotos) { 
  49.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  50.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  51.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  52.   tmLn = document.MM_Time[tmLnName];
  53.   if (numGotos != null)
  54.     if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
  55.     else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  56.   jmpFwd = (fNew > tmLn.curFrame);
  57.   for (i = 0; i < tmLn.length; i++) {
  58.     sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
  59.     if (sprite.charAt(0) == "s") {
  60.       numKeyFr = sprite.keyFrames.length;
  61.       firstKeyFr = sprite.keyFrames[0];
  62.       lastKeyFr = sprite.keyFrames[numKeyFr - 1];
  63.       if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
  64.       for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
  65.       for (j=0; j<sprite.values.length; j++) {
  66.         props = sprite.values[j];
  67.         if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
  68.         else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
  69.         if (sprite.obj != null) {
  70.           if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
  71.           else        sprite.obj[props.prop2][props.prop] = props[propNum];
  72.       } }
  73.     } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  74.   }
  75.   tmLn.curFrame = fNew;
  76.   if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
  77. }
  78. //-->
  79. </script>
  80. <style>.SignStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #003366}
  81. </style>
  82. <script language="JavaScript">
  83. <!--
  84. function MM_changeProp(objStrNS,objStrIE,theProp,theValue) { 
  85.   var NS = (navigator.appName == 'Netscape');
  86.   var objStr = (NS)?objStrNS:objStrIE;
  87.   if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
  88.       (!NS && (objStr.indexOf('document.all[')   !=0 || document.all   !=null))) {
  89.     var obj = eval(objStr);
  90.     if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
  91.       eval(objStr+'.'+theProp + '="'+theValue+'"');
  92.   } }
  93. }
  94.  
  95.  
  96. var nCurImg = 0;
  97. var nTimeSlice = 1000;
  98. var nImgCount = 1;
  99. var ImgFileNameArray;
  100. var bPlay = false;
  101. var nTimeoutID = 0;
  102.  
  103.  
  104. function CreateImageArray()
  105. {
  106.     ImgFileNameArray = new Array(nImgCount);
  107.     ImgFileNameArray[0] = "../image/mybir-photo.jpg";
  108. }
  109.  
  110.  
  111. function SetHolderImage(nIndex)
  112. {    
  113.     if (nIndex < nImgCount) {
  114.         var ImgSrc = ImgFileNameArray[nIndex];
  115.         MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
  116.     }
  117.     else
  118.         window.alert("Array index out of bound");
  119. }
  120.  
  121.  
  122. function OnLoadDocument()
  123. {
  124.     CreateImageArray();
  125.  
  126.     SetHolderImage(0);
  127.     
  128.     Play();
  129. }
  130.  
  131.  
  132. function TimeoutProc()
  133. {
  134.     if (bPlay) {
  135.         Next();
  136.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);    
  137.     }
  138. }
  139.  
  140. function Play()
  141. {
  142.     if (!bPlay) {
  143.         bPlay = true;
  144.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
  145.     }
  146. }
  147.  
  148. function Stop()
  149. {
  150.     if (bPlay) {
  151.         bPlay = false;
  152.         if (nTimeoutID != 0)
  153.             window.clearTimeout(nTimeoutID);
  154.     }
  155. }
  156.  
  157. function Next()
  158. {
  159.     nCurImg = (nCurImg + 1) % nImgCount;
  160.     SetHolderImage(nCurImg);
  161. }
  162.  
  163. function Previous()
  164. {
  165.     nCurImg = (nCurImg - 1) % nImgCount;
  166.     if (nCurImg < 0)
  167.         nCurImg += nImgCount;
  168.         
  169.     SetHolderImage(nCurImg);
  170. }
  171. //-->
  172. </script>
  173. </head>
  174. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Birthday  (Xylophone).mid" repeat="1" loop="-1">
  175. <body background="../image/rose-bg.gif" onLoad="MM_preloadImages('../image/camera2.gif','#924505247830');MM_preloadImages('../image/button-pre1.gif','#924505276940');MM_preloadImages('../image/button-home1.gif','#924505293810');MM_preloadImages('../image/button-next1.gif','#924505308910')" link="#003399" vlink="#003399" alink="#003399">
  176. <div id="Layer5" style="position:absolute; width:341px; height:257px; z-index:3; left: 49px; top: 23px"><img src="../Image/photo-back3.gif" width="411" height="326"></div>
  177. <div id="Layer20" style="position:absolute; width:39px; height:30px; z-index:4; left: 166px; top: 84px"><img src="../image/frame-back.gif" width="447" height="287"></div>
  178. <div id="Layer6" style="position:absolute; width:32px; height:28px; z-index:7; left: 173px; top: 98px"><img name="uImage001" src="../Image/mybir-photo.jpg" width="423" height="264"></div>
  179. <div id="Layer19" style="position:absolute; width:30px; height:27px; z-index:10; left: 127px; top: 57px"><img src="../Image/frame3.gif" width="525" height="346"></div>
  180. <div id="Layer3" style="position:absolute; width:248px; height:254px; z-index:11; left: 524px; top: -40px"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer3\'].document.Image1','document.Image1','../image/camera2.gif','#924505247830')"><img src="../image/camera.gif" width="249" height="253" border="0" name="Image1"></a></div>
  181. <div id="Layer1" style="position:absolute; width:42px; height:31px; z-index:1; left: 0px; top: 6px"> 
  182. </div>
  183. <div id="Layer13" style="position:absolute; width:22px; height:32px; z-index:18; left: 382px; top: 365px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer13\'].document.uPreviousButton','document.uPreviousButton','../image/button-pre1.gif','#924505276940')"><img src="../image/button-pre.gif" width="31" height="67" border="0" name="uPreviousButton" alt="Back"></a></div>
  184. <div id="Layer14" style="position:absolute; width:30px; height:29px; z-index:16; left: 427px; top: 365px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer14\'].document.uHomeButton','document.uHomeButton','../image/button-home1.gif','#924505293810')"><img src="../image/button-home.gif" width="31" height="67" border="0" name="uHomeButton" alt="Home"></a></div>
  185. <div id="Layer15" style="position:absolute; width:24px; height:22px; z-index:17; left: 473px; top: 365px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer15\'].document.uNextButton','document.uNextButton','../image/button-next1.gif','#924505308910')"><img src="../image/button-next.gif" width="31" height="67" border="0" name="uNextButton" alt="Next"></a></div>
  186. <div id="Layer16" style="position:absolute; width:749px; height:44px; z-index:23; left: 3px; top: 4px"> 
  187.   <p id="uAlbumTitle" class="AlbumTitleStyle" align="center">My Birthday Party</p>
  188.   </div>
  189. <div id="Layer7" style="position:absolute; left:0px; top:430; width:760; height:50; z-index:20; visibility: hidden"> 
  190.   <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
  191. </div>
  192.  
  193. <div id="Layer17" style="position:absolute; width:343px; height:39px; z-index:22; left: 178px; top: 362px"> 
  194.   <p id="uThumbTitle001" class="ThumbTitleStyle" align="left">Your photo caption goes here!</p>
  195.   </div>
  196. <div id="Layer18" style="position:absolute; width:399px; height:25px; z-index:21; left: 361px; top: 409px"> 
  197.   <p class="fixed01" align="right"><a href="http://www.novadevelopment.com"> 
  198.      </a></p>
  199.   </div>
  200. <div id="Layer2" style="position:absolute; left:3px; top:272px; width:15px; height:25px; z-index:15"><img src="../Image/pen1.gif" width="190" height="77"></div>
  201. </body>
  202. </html>
  203.