home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _1F4A99BC15324694858EA6F131FC14F8 < prev    next >
Encoding:
Text File  |  2005-12-12  |  16.8 KB  |  230 lines
  1. <html>
  2. <head>
  3. <title>My Photo Album</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. .AlbumTitleStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 24pt; color: #880000; font-style: italic}
  8. .ThumbTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 8pt; color:#880000; font-weight: bold}
  9. .Fixed01 {  
  10. font-family: "Arial", "Helvetica", "sans-serif"; 
  11. font-size: 7pt; 
  12. font-style: italic; 
  13. color: #003399}
  14. .SignStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #660033}
  15. -->
  16. </style>
  17.   
  18. <script language="JavaScript">
  19. <!--
  20. function MM_showHideLayers() { //v2.0
  21.   var i, visStr, args, theObj;
  22.   args = MM_showHideLayers.arguments;
  23.   for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
  24.     visStr   = args[i+2];
  25.     if (navigator.appName == 'Netscape' && document.layers != null) {
  26.       theObj = eval(args[i]);
  27.       if (theObj) theObj.visibility = visStr;
  28.     } else if (document.all != null) { //IE
  29.       if (visStr == 'show') visStr = 'visible'; //convert vals
  30.       if (visStr == 'hide') visStr = 'hidden';
  31.       theObj = eval(args[i+1]);
  32.       if (theObj) theObj.style.visibility = visStr;
  33.   } }
  34. }
  35.  
  36. function MM_preloadImages() { //v2.0
  37.   if (document.images) {
  38.     var imgFiles = MM_preloadImages.arguments;
  39.     if (document.preloadArray==null) document.preloadArray = new Array();
  40.     var i = document.preloadArray.length;
  41.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  42.       preloadArray[i] = new Image;
  43.       preloadArray[i++].src = imgFiles[j];
  44.   } }
  45. }
  46.  
  47. function MM_swapImgRestore() { //v2.0
  48.   if (document.MM_swapImgData != null)
  49.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  50.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  51. }
  52.  
  53. function MM_swapImage() { //v2.0
  54.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  55.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  56.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  57.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  58.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  59.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  60.     obj = eval(objStr);
  61.     if (obj != null) {
  62.       swapArray[j++] = obj;
  63.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  64.       obj.src = MM_swapImage.arguments[i+2];
  65.   } }
  66.   document.MM_swapImgData = swapArray; //used for restore
  67. }
  68.  
  69. function MM_timelinePlay(tmLnName, myID) { //v1.2
  70.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  71.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  72.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  73.   tmLn = document.MM_Time[tmLnName];
  74.   if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  75.   if (myID == tmLn.ID) { //if Im newest
  76.     setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
  77.     fNew = ++tmLn.curFrame;
  78.     for (i=0; i<tmLn.length; i++) {
  79.       sprite = tmLn[i];
  80.       if (sprite.charAt(0) == 's') {
  81.         if (sprite.obj) {
  82.           numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
  83.           if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
  84.             keyFrm=1;
  85.             for (j=0; j<sprite.values.length; j++) {
  86.               props = sprite.values[j]; 
  87.               if (numKeyFr != props.length) {
  88.                 if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
  89.                 else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
  90.               } else {
  91.                 while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
  92.                 if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
  93.                   if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
  94.                   else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
  95.         } } } } }
  96.       } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  97.       if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  98.   } }
  99. }
  100.  
  101. function MM_initTimelines() {
  102.     //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
  103.     var ns = navigator.appName == "Netscape";
  104.     document.MM_Time = new Array(1);
  105.     document.MM_Time[0] = new Array(11);
  106.     document.MM_Time["Timeline1"] = document.MM_Time[0];
  107.     document.MM_Time[0].MM_Name = "Timeline1";
  108.     document.MM_Time[0].fps = 30;
  109.     document.MM_Time[0][0] = new String("behavior");
  110.     document.MM_Time[0][0].frame = 14;
  111.     document.MM_Time[0][0].value = "MM_showHideLayers('document.layers[\\\'Layer5\\\']','document.all[\\\'Layer5\\\']','show','document.layers[\\\'Layer6\\\']','document.all[\\\'Layer6\\\']','show','document.layers[\\\'Layer7\\\']','document.all[\\\'Layer7\\\']','show','document.layers[\\\'Layer9\\\']','document.all[\\\'Layer9\\\']','show','document.layers[\\\'Layer10\\\']','document.all[\\\'Layer10\\\']','show','document.layers[\\\'Layer11\\\']','document.all[\\\'Layer11\\\']','show','document.layers[\\\'Layer13\\\']','document.all[\\\'Layer13\\\']','show','document.layers[\\\'Layer14\\\']','document.all[\\\'Layer14\\\']','show','document.layers[\\\'Layer15\\\']','document.all[\\\'Layer15\\\']','show','document.layers[\\\'Layer16\\\']','document.all[\\\'Layer16\\\']','show','document.layers[\\\'Layer17\\\']','document.all[\\\'Layer17\\\']','show','document.layers[\\\'Layer18\\\']','document.all[\\\'Layer18\\\']','show','document.layers[\\\'Layer24\\\']','document.all[\\\'Layer24\\\']','show','document.layers[\\\'Layer26\\\']','document.all[\\\'Layer26\\\']','show','document.layers[\\\'Layer29\\\']','document.all[\\\'Layer29\\\']','show','document.layers[\\\'Layer27\\\']','document.all[\\\'Layer27\\\']','show','document.layers[\\\'Layer28\\\']','document.all[\\\'Layer28\\\']','show','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  112.     document.MM_Time[0][1] = new String("behavior");
  113.     document.MM_Time[0][1].frame = 3;
  114.     document.MM_Time[0][1].value = "MM_showHideLayers('document.layers[\\\'Layer1\\\']','document.all[\\\'Layer1\\\']','show','document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','hide','document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','show','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','hide','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  115.     document.MM_Time[0][2] = new String("behavior");
  116.     document.MM_Time[0][2].frame = 7;
  117.     document.MM_Time[0][2].value = "MM_showHideLayers('document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  118.     document.MM_Time[0][3] = new String("behavior");
  119.     document.MM_Time[0][3].frame = 6;
  120.     document.MM_Time[0][3].value = "MM_showHideLayers('document.layers[\\\'Layer1\\\']','document.all[\\\'Layer1\\\']','hide','document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','show','document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','hide','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','show','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  121.     document.MM_Time[0][4] = new String("behavior");
  122.     document.MM_Time[0][4].frame = 9;
  123.     document.MM_Time[0][4].value = "MM_showHideLayers('document.layers[\\\'Layer1\\\']','document.all[\\\'Layer1\\\']','show','document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','hide','document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','show','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','hide','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  124.     document.MM_Time[0][5] = new String("behavior");
  125.     document.MM_Time[0][5].frame = 11;
  126.     document.MM_Time[0][5].value = "MM_showHideLayers('document.layers[\\\'Layer1\\\']','document.all[\\\'Layer1\\\']','hide','document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','show','document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','hide','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','show','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  127.     document.MM_Time[0][6] = new String("behavior");
  128.     document.MM_Time[0][6].frame = 15;
  129.     document.MM_Time[0][6].value = "MM_showHideLayers('document.layers[\\\'Layer21\\\']','document.all[\\\'Layer21\\\']','show','document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','show')";
  130.     document.MM_Time[0][7] = new String("behavior");
  131.     document.MM_Time[0][7].frame = 21;
  132.     document.MM_Time[0][7].value = "MM_showHideLayers('document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','show')";
  133.     document.MM_Time[0][8] = new String("behavior");
  134.     document.MM_Time[0][8].frame = 32;
  135.     document.MM_Time[0][8].value = "MM_showHideLayers('document.layers[\\\'Layer22\\\']','document.all[\\\'Layer22\\\']','show')";
  136.     document.MM_Time[0][9] = new String("behavior");
  137.     document.MM_Time[0][9].frame = 45;
  138.     document.MM_Time[0][9].value = "MM_showHideLayers('document.layers[\\\'Layer23\\\']','document.all[\\\'Layer23\\\']','show')";
  139.     document.MM_Time[0][10] = new String("behavior");
  140.     document.MM_Time[0][10].frame = 66;
  141.     document.MM_Time[0][10].value = "MM_showHideLayers('document.layers[\\\'Layer30\\\']','document.all[\\\'Layer30\\\']','hide')";
  142.     document.MM_Time[0].lastFrame = 66;
  143.     for (i=0; i<document.MM_Time.length; i++) {
  144.         document.MM_Time[i].ID = null;
  145.         document.MM_Time[i].curFrame = 0;
  146.         document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
  147.     }
  148. }
  149. //-->
  150. </script>                                                                                                                                                                                          
  151. </head>
  152.  
  153. <body bgcolor="#FFFFFF" background="../Image/myph-background.jpg" onLoad="MM_preloadImages('../image/myph-preview2.gif','#925184678510');MM_preloadImages('../image/myph-home2.gif','#925184725800');MM_preloadImages('../image/myph-next2.gif','#925184745630');MM_timelinePlay('Timeline1')" link="#003399" vlink="#003399" alink="#003399">
  154. <div id="Layer1" style="position:absolute; left:45px; top:40px; width:49px; height:44px; z-index:1"> 
  155.   <img src="../image/myph-backon.jpg" width="660" height="380"> </div>
  156. <div id="Layer2" style="position:absolute; left:45px; top:40px; width:42px; height:382px; z-index:2"> 
  157.   <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer1\']','document.all[\'Layer1\']','show','document.layers[\'Layer2\']','document.all[\'Layer2\']','hide','document.layers[\'Layer3\']','document.all[\'Layer3\']','show','document.layers[\'Layer4\']','document.all[\'Layer4\']','hide')"><img src="../image/myph-backoff.jpg" width="660" height="380" border="0"></a> 
  158. </div>
  159. <div id="Layer3" style="position:absolute; left:299px; top:52px; width:20px; height:17px; z-index:3"> 
  160.   <a href="#" onMouseOver="MM_showHideLayers('document.layers[\'Layer1\']','document.all[\'Layer1\']','hide','document.layers[\'Layer2\']','document.all[\'Layer2\']','show','document.layers[\'Layer3\']','document.all[\'Layer3\']','hide','document.layers[\'Layer4\']','document.all[\'Layer4\']','show')"><img src="../image/myph-turnon.jpg" width="109" height="27" border="0"></a> 
  161. </div>
  162. <div id="Layer4" style="position:absolute; left:298px; top:51px; width:23px; height:17px; z-index:4"> 
  163.   <img src="../image/myph-turnoff.jpg" width="110" height="22"> </div>
  164. <div id="Layer5" style="position:absolute; left:204px; top:113px; width:36px; height:36px; z-index:5"> 
  165.   <img src="../image/myph-back1.jpg" width="130" height="90" name="uThumb001Dec02" border="0"> 
  166. </div>
  167. <div id="Layer6" style="position:absolute; left:206px; top:116px; width:119px; height:85px; z-index:6"> 
  168.   <img src="../Image/myph-sphoto1.JPG" width="123" height="86" name="uThumb001"> </div>
  169. <div id="Layer7" style="position:absolute; left:198px; top:103px; width:43px; height:35px; z-index:7"> 
  170.   <a href="album1.htm"><img src="../image/myph-sfreme2.gif" width="145" height="108" name="uThumb001Dec01" border="0"></a> 
  171. </div>
  172. <div id="Layer9" style="position:absolute; left:206px; top:257px; width:30px; height:37px; z-index:9"> 
  173.   <img src="../image/myph-back1.jpg" width="130" height="90" name="uThumb003Dec02" border="0"> 
  174. </div>
  175. <div id="Layer10" style="position:absolute; left:208px; top:259px; width:32px; height:32px; z-index:10"> 
  176.   <img src="../Image/myph-sphoto3.jpg" width="126" height="88" name="uThumb003"> </div>
  177. <div id="Layer11" style="position:absolute; left:196px; top:248px; width:50px; height:29px; z-index:11"> 
  178.   <a href="album3.htm"><img src="../image/myph-sfreme1.gif" width="147" height="108" name="uThumb003Dec01" border="0"></a> 
  179. </div>
  180. <div id="Layer13" style="position:absolute; left:385px; top:112px; width:31px; height:37px; z-index:13"> 
  181.   <img src="../image/myph-back1.jpg" width="130" height="90" name="uThumb002Dec02" border="0"> 
  182. </div>
  183. <div id="Layer14" style="position:absolute; left:386px; top:113px; width:128px; height:87px; z-index:14"> 
  184.   <img src="../Image/myph-sphoto2.jpg" width="129" height="90" name="uThumb002"> </div>
  185. <div id="Layer15" style="position:absolute; left:375px; top:103px; width:36px; height:34px; z-index:15"> 
  186.   <a href="album2.htm"><img src="../image/myph-sfreme1.gif" width="147" height="108" name="uThumb002Dec01" border="0"></a> 
  187. </div>
  188. <div id="Layer16" style="position:absolute; left:387px; top:258px; width:36px; height:36px; z-index:16"> 
  189.   <img src="../image/myph-back1.jpg" width="130" height="90" name="uThumb004Dec02" border="0"> 
  190. </div>
  191. <div id="Layer17" style="position:absolute; left:389px; top:257px; width:37px; height:31px; z-index:17"> 
  192.   <img src="../Image/myph-sphoto4.jpg" width="120" height="91" name="uThumb004"> </div>
  193. <div id="Layer18" style="position:absolute; left:380px; top:248px; width:63px; height:50px; z-index:18"> 
  194.   <a href="album4.htm"><img src="../image/myph-sfreme2.gif" width="145" height="108" name="uThumb004Dec01" border="0"></a> 
  195. </div>
  196. <div id="Layer21" style="position:absolute; left:294px; top:425px; width:24px; height:33px; z-index:21"> 
  197.   <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer21\'].document.uPreviousButton','document.uPreviousButton','../image/myph-preview2.gif','#925184678510')"><img src="../image/myph-preview1.GIF" width="24" height="41" name="uPreviousButton" border="0" alt="Back"></a> 
  198. </div>
  199. <div id="Layer22" style="position:absolute; left:342px; top:430px; width:26px; height:22px; z-index:22"> 
  200.   <a href="myphoto.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer22\'].document.uHomeButton','document.uHomeButton','../image/myph-home2.gif','#925184725800')"><img src="../image/myph-home1.GIF" width="36" height="35" name="uHomeButton" border="0" alt="Home"></a> 
  201. </div>
  202. <div id="Layer23" style="position:absolute; left:402px; top:421px; width:6px; height:27px; z-index:23"> 
  203.   <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer23\'].document.uNextButton','document.uNextButton','../image/myph-next2.gif','#925184745630')"><img src="../image/myph-next1.GIF" width="27" height="44" name="uNextButton" border="0" alt="Next"></a> 
  204. </div>
  205. <div id="Layer24" style="position:absolute; left:3px; top:-3px; width:743px; height:31px; z-index:24"> 
  206.   <p align="center" id="uAlbumTitle" class="AlbumTitleStyle">My Photo Album</p>
  207. </div>
  208. <div id="Layer26" style="position:absolute; left:202px; top:210px; width:157px; height:39px; z-index:26"> 
  209.   <p id="uThumbTitle001" class="ThumbTitleStyle" align="left">Catch me if you 
  210.     can. </p>
  211. </div>
  212. <div id="Layer29" style="position:absolute; left:383px; top:356px; width:153px; height:36px; z-index:27" class="ThumbTitleStyle"> 
  213.   <p id="uThumbTitle004" class="ThumbTitleStyle" align="left">My birthday party.</p>
  214. </div>
  215. <div id="Layer27" style="position:absolute; left:384px; top:209px; width:150px; height:40px; z-index:28"> 
  216.   <p id="uThumbTitle002" class="ThumbTitleStyle" align="left">Summer fun!</p>
  217. </div>
  218. <div id="Layer28" style="position:absolute; left:204px; top:354px; width:152px; height:39px; z-index:29"> 
  219.   <p id="uThumbTitle003" class="ThumbTitleStyle" align="left">I did it!</p>
  220. </div>
  221. <div id="Layer25" style="position:absolute; width:262px; height:22px; z-index:22; left: 445px; top: 446px"> 
  222.     <p align="right"><a href="http://www.ulead.com/pe/runme.htm" class="Fixed01"> 
  223.  </a> </p>
  224. </div>
  225. <div id="Layer8" style="position:absolute; left:0; top:480; width:760; height:100; z-index:25; visibility: hidden"> 
  226.   <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
  227. </div>
  228. </body>
  229. </html>
  230.