Flo: Rollover-Images funktionieren nicht mit Netscape

Beitrag lesen

Hallo!

Wer kann mir sagen warum dieses Script (erstellt von Dreamweaver 2) für Rollover-Images (mit Imagemaps) mit dem Internet Explorer 4/5 funktioniert, beim Netscape aber nur, wenn man mit dem Mauszeiger entweder am oberen oder unteren Rand der Bilder entlangfährt?

Vielen Dank,
Flo

<SCRIPT language=JavaScript>
<!--
function MM_swapImgRestore() { //v2.0
  if (document.MM_swapImgData != null)
    for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
      document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
}

function MM_preloadImages() { //v2.0
  if (document.images) {
    var imgFiles = MM_preloadImages.arguments;
    if (document.preloadArray==null) document.preloadArray = new Array();
    var i = document.preloadArray.length;
    with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
      preloadArray[i] = new Image;
      preloadArray[i++].src = imgFiles[j];
  } }
}

function MM_swapImage() { //v2.0
  var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
    objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
    if ((objStr.indexOf('document.layers[')==0 && document.layers==null)
        (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
      objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
    obj = eval(objStr);
    if (obj != null) {
      swapArray[j++] = obj;
      swapArray[j++] = (oldArray==null oldArray[j-1]!=obj)?obj.src:oldArray[j];
      obj.src = MM_swapImage.arguments[i+2];
  } }
  document.MM_swapImgData = swapArray; //used for restore
}
//-->
</SCRIPT>
</HEAD>

<BODY background="" bgColor=#b7b7d4 leftMargin=0
onload="MM_preloadImages('Bilder/rollovers/abouton.gif','#929359797630');MM_preloadImages('Bilder/rollovers/produkton.gif','#929359828990');MM_preloadImages('Bilder/rollovers/systemon.gif','#929359844700');MM_preloadImages('Bilder/rollovers/newson.gif','#929359858100');MM_preloadImages('Bilder/rollovers/serviceon.gif','#929359873100');MM_preloadImages('Bilder/rollovers/branchenon.gif','#929979030680')"
topMargin=0 ; marginheight="0" marginwidth="0">
<table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td width="20" height="7" valign="top"></td>
    <td width="1" height="7" valign="top"></td>
    <td width="94" height="7" valign="top"></td>
    <td width="90" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.about','document.about','Bilder/rollovers/abouton.gif','#929359797630');"><img name="about" border="0" src="Bilder/rollovers/aboutoff.gif" width="90" height="388" usemap="#aboutMap"></a></td>
    <td width="126" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.branchenRoll','document.branchenRoll','Bilder/rollovers/branchenon.gif','#929979030680')"><img name="branchenRoll" border="0" src="Bilder/rollovers/branchenoff.gif" width="126" height="388" usemap="#branchenMap"></a></td>
    <td width="126" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.produkt','document.produkt','Bilder/rollovers/produkton.gif','#929359828990');"><img name="produkt" border="0" src="Bilder/rollovers/produktoff.gif" width="126" height="388" usemap="#produktMap"></a></td>
    <td width="126" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.management','document.management','Bilder/rollovers/systemon.gif','#929359844700');"><img name="management" border="0" src="Bilder/rollovers/systemoff.gif" width="126" height="388" usemap="#manageMap"></a></td>
    <td width="84" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.news','document.news','Bilder/rollovers/newson.gif','#929359858100');"><img name="news" border="0" src="Bilder/rollovers/newsoff.gif" width="84" height="388" usemap="#newsMap"></a></td>
    <td width="110" height="388" rowspan="6" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.service','document.service','Bilder/rollovers/serviceon.gif','#929359873100');"><img name="service" border="0" src="Bilder/rollovers/serviceoff.gif" width="110" height="388" usemap="#serviceMap"></a></td>
  </tr>
  <tr>
    <td width="20" height="70" valign="top"></td>
    <td width="95" height="70" colspan="2" valign="top">