getimages4hover_lte_IE6_JS.htm

Dateigrösse: 3.86 kb

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
  3 <head>
  4   <meta http-equiv="Pragma" content="no-cache" />
  5   <meta http-equiv="Expires" content="-1" />
  6 
  7       <title>NZZ Online</title>
  8      
  9   <style type="text/css" media="screen,projection">
 10     @import url(/css/screen/screen.css);
 11     #media  { 
 12     top: -2000;
 13     display: none;
 14     }
 15     a { 
 16     text-decoration: none;
 17     }
 18   </style>
 19 <!--[if lte IE 6]>
 20     <style type="text/css" media="screen,projection">
 21       @import url(/css/screen/screen-ie6.css);
 22     </style>
 23 <![endif]-->
 24 <!--[if IE]>
 25     <style type="text/css" media="screen,projection">
 26       @import url(/css/screen/screen-ie.css);
 27     </style>
 28 <![endif]-->
 29 
 30 <script src="getimages.php"></script>
 31 
 32 <script type="text/javascript">
 33 <!-- 
 34 if (window.self != window.top) 
 35     window.top.location = window.self.location; 
 36         
 37 imgButtonSubmit = new Image();
 38 imgButtonSubmit.src = "../img/80x15_apache.gif";
 39 imgButtonSubmitH = new Image();
 40 imgButtonSubmitH.src = "../img/80x15_php.gif";
 41 imgButtonReset = new Image();
 42 imgButtonReset.src = "../img/80x15_xml_rss.png";
 43 imgButtonResetH = new Image();
 44 imgButtonResetH.src = "../img/80x15_pear.png";    
 45 
 46 function multiRolloverImage(idImage, imgObjectName) {
 47     document.images[idImage].src = eval(imgObjectName + ".src"); //imgObjectName = imgButtonSubmitH
 48 }
 49 
 50 /*********************************
 51 var eMulePics=new Array();
 52 eMulePics[0] = "pulsar_universe.jpg"; eMulePics[1] = "bg_header.gif"; eMulePics[2] = "trash.png"; eMulePics[3] = "loading_24px.gif"; eMulePics[4] = "avatar.jpg"; eMulePics[5] = "circlemenu4.gif"; eMulePics[6] = "icon_exe.gif"; eMulePics[7] = "icon_excel.gif"; eMulePics[8] = "folder.gif"; eMulePics[9] = "icon_image_16px.png"; eMulePics[10] = "icon_xlsx.png";  
 53 *********************************/
 54 //var picsPath = "../img/";
 55 
 56 function rolloverImage(idImage, imgNr) {
 57     actImg        = new Image();
 58     actImg.src = picsPath + eMulePics[imgNr]; //[1]
 59     document.images[idImage].src = actImg.src;
 60 }
 61 
 62 function preload_images() {
 63 
 64     var images = new Array;
 65 
 66     for (var pic_num=0; pic_num<eMulePics.length; pic_num++) {
 67         images[pic_num] = new Image();
 68         images[pic_num].src = picsPath + eMulePics[pic_num];
 69     } // alert('ok');
 70 }
 71 // -->
 72 </script>
 73 </head>
 74 
 75 <body onload="preload_images();">
 76 <!-- begin Multifunction-Box: scrollable topics ... -->
 77 <li id="multifunctionBox" class="headline">
 78     
 79   <h2><span class="title">Dossiers Sport</span></h2>
 80     
 81     <div id="MFBox" class="MFBox">
 82     
 83         <!-- begin: navigation -->
 84         <div id="MFBoxNaviLeft" class="navigation">
 85                 <a href="#" title=""
 86                        onmouseover="rolloverImage('mfBox-1', 3)"
 87                        onmouseout="rolloverImage('mfBox-1', 4)">
 88                     <img id="mfBox-1" 
 89                          src="../img/80x15_apache.gif" 
 90                          width="80" 
 91                          height="15" 
 92                            alt="bl&#228;ttern" 
 93                          title="bl&#228;ttern" />
 94                 </a>
 95                 <br /><br />
 96                 <a href="#" title=""
 97                        onmouseover="rolloverImage('mfBox-2', 8)"
 98                        onmouseout="rolloverImage('mfBox-2', 1)">
 99                     <img id="mfBox-2" 
100                          src="../img/80x15_firefox.png" 
101                          width="80" 
102                          height="15" 
103                            alt="bl&#228;ttern" 
104                          title="bl&#228;ttern" />
105                 </a>
106                 <br /><br />
107                 <a href="#" title="Im Themenbund zur&#252;ck bl&#228;ttern"
108                        onmouseover="multiRolloverImage('mfBox-3', 'imgButtonResetH')"
109                        onmouseout="multiRolloverImage('mfBox-3', 'imgButtonReset')">
110                     <img id="mfBox-3" 
111                          src="../img/80x15_mysql.gif" 
112                          width="80" 
113                          height="15" 
114                            alt="bl&#228;ttern" 
115                          title="bl&#228;ttern" />
116                 </a>
117         </div>
118         <!-- end: navigation -->
119     </div>
120   <div class="clear"></div>
121 </li>
122 
123 </body>
124 </html>
125 
126