Quelltext der Datei: http://www.michaelster.ch/jsTestFolder/getimages4hover_lte_IE6_JS.htm

Dateigrösse: 3.86 kb

[Anzeige ohne Zeilennummern]

1 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="-1" />

      <title>NZZ Online</title>
     
  <style type="text/css" media="screen,projection">
    @import url(/css/screen/screen.css);
    #media  { 
    top: -2000;
    display: none;
    }
    a { 
    text-decoration: none;
    }
  </style>
<!--[if lte IE 6]>
    <style type="text/css" media="screen,projection">
      @import url(/css/screen/screen-ie6.css);
    </style>
<![endif]-->
<!--[if IE]>
    <style type="text/css" media="screen,projection">
      @import url(/css/screen/screen-ie.css);
    </style>
<![endif]-->

<script src="getimages.php"></script>

<script type="text/javascript">
<!-- 
if (window.self != window.top) 
    window.top.location = window.self.location; 
        
imgButtonSubmit = new Image();
imgButtonSubmit.src = "../img/80x15_apache.gif";
imgButtonSubmitH = new Image();
imgButtonSubmitH.src = "../img/80x15_php.gif";
imgButtonReset = new Image();
imgButtonReset.src = "../img/80x15_xml_rss.png";
imgButtonResetH = new Image();
imgButtonResetH.src = "../img/80x15_pear.png";    

function multiRolloverImage(idImage, imgObjectName) {
    document.images[idImage].src = eval(imgObjectName + ".src"); //imgObjectName = imgButtonSubmitH
}

/*********************************
var eMulePics=new Array();
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";  
*********************************/
//var picsPath = "../img/";

function rolloverImage(idImage, imgNr) {
    actImg        = new Image();
    actImg.src = picsPath + eMulePics[imgNr]; //[1]
    document.images[idImage].src = actImg.src;
}

function preload_images() {

    var images = new Array;

    for (var pic_num=0; pic_num<eMulePics.length; pic_num++) {
        images[pic_num] = new Image();
        images[pic_num].src = picsPath + eMulePics[pic_num];
    } // alert('ok');
}
// -->
</script>
</head>

<body onload="preload_images();">
<!-- begin Multifunction-Box: scrollable topics ... -->
<li id="multifunctionBox" class="headline">
    
  <h2><span class="title">Dossiers Sport</span></h2>
    
    <div id="MFBox" class="MFBox">
    
        <!-- begin: navigation -->
        <div id="MFBoxNaviLeft" class="navigation">
                <a href="#" title=""
                       onmouseover="rolloverImage('mfBox-1', 3)"
                       onmouseout="rolloverImage('mfBox-1', 4)">
                    <img id="mfBox-1" 
                         src="../img/80x15_apache.gif" 
                         width="80" 
                         height="15" 
                           alt="bl&#228;ttern" 
                         title="bl&#228;ttern" />
                </a>
                <br /><br />
                <a href="#" title=""
                       onmouseover="rolloverImage('mfBox-2', 8)"
                       onmouseout="rolloverImage('mfBox-2', 1)">
                    <img id="mfBox-2" 
                         src="../img/80x15_firefox.png" 
                         width="80" 
                         height="15" 
                           alt="bl&#228;ttern" 
                         title="bl&#228;ttern" />
                </a>
                <br /><br />
                <a href="#" title="Im Themenbund zur&#252;ck bl&#228;ttern"
                       onmouseover="multiRolloverImage('mfBox-3', 'imgButtonResetH')"
                       onmouseout="multiRolloverImage('mfBox-3', 'imgButtonReset')">
                    <img id="mfBox-3" 
                         src="../img/80x15_mysql.gif" 
                         width="80" 
                         height="15" 
                           alt="bl&#228;ttern" 
                         title="bl&#228;ttern" />
                </a>
        </div>
        <!-- end: navigation -->
    </div>
  <div class="clear"></div>
</li>

</body>
</html>