Lutz: Image-Maps

Beitrag lesen

Hallo Christian,

Nein, eigentlich funktioniert das... Demo-URL?

Demo-URL gibt's leider nicht, habe aber mal den Quelltext bis aufs Minimum reduziert:

<html><head>
<title>Navigation</title>
<script language="Javascript" type="text/javascript">
<!--
var ns4 = document.layers?1:0;
var dom = document.getElementById?1:0;

function changeMyImages() {
        if (document.images) {
                for (var i=0; i<changeMyImages.arguments.length; i+=4) {
                        document[changeMyImages.arguments[i]].width = changeMyImages.arguments[i+2];
                        document[changeMyImages.arguments[i]].height = changeMyImages.arguments[i+3];
                        document[changeMyImages.arguments[i]].src = changeMyImages.arguments[i+1];
                }
        }
}
// -->
</script>
</head>
<body aLink="#abcabc" bgColor="#ffffff" link="#abcabc" text="#000000" vLink="#abcabc">

<script language="Javascript" type="text/javascript">
<!--
if(dom) {
  document.write('<div id="testlayer" style="position:absolute; left:440px; top:220px; z-index:1;">');
  document.write('<map name="testmap">');
  document.write('  <area shape="rect" alt="dritte" coords="41,55,135,78" href="datei3.htm">');
  document.write('  <area shape="rect" alt="zweite" coords="41,28,135,54" href="datei2.htm">');
  document.write('  <area shape="rect" alt="erste" coords="0,0,135,27" href="datei1.htm">');
  document.write('  <area shape="rect" alt="" coords="0,0,135,78" href="">');
  document.write('</map>');

document.write('<a href="#" target="rechts" ');
  document.write('onmouseover="changeMyImages('test','test-over.gif',136,79); return true;" ');
  document.write('onmouseout="changeMyImages('test','test.gif',136,28); return true;">');
  document.write('<img  name="test" src="test.gif" border="0" alt="testen" usemap="#testmap"></a></div>');
//  document.write('<img  name="test" src="test.gif" border="0" alt="testen"></a></div>');
}

/*
hier steht eigentlich das gleiche nochmal in <layer> für Netscape 4
*/

//-->
</script>

</body></html>

Um mich nicht mit fremden Federn zu schmücken: changeMyImages() ist natürlich eine Erweiterung der ImageReady-Funktion changeImages() und nicht mein eigenes Skript.

Wenn du die usemap-Anweisung rausnimmst gehts tadellos. ?? :(

Grüße,
Lutz