nicht angemeldet
Image-Maps
Hallo.
Ist zufällig irgendwem bekannt, warum sich Mozilla strikt weigert, einen Bilderaustausch vorzunehmen, wenn im <img> - Tag eine Image-Map referenziert ist?
-
Hallo Lutz,
Ist zufällig irgendwem bekannt, warum sich Mozilla strikt weigert, einen Bilderaustausch vorzunehmen, wenn im <img> - Tag eine Image-Map referenziert ist?
Nein, eigentlich funktioniert das... Demo-URL?
Grüße,
Christian
--
Sollen sich alle schämen, die gedankenlos sich der Wunder der Wissenschaft und Technik bedienen und nicht mehr davon erfasst haben als eine Kuh von der Botanik der Pflanzen, die sie mit Wohlbehagen frisst.
-- Albert Einstein-
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-
Hallo Lutz,
<a href="..." ...><img src="..." ... usemap="#..."></a>
Und in dieser kleinen Konsturktion ist auch schon der Fehler: Du kannst keinen Link um ein Bild mit einer Image Map drum herum machen, dieser wird von Mozilla korrekterweise ignoriert. Die onMouseOver und onMouseOut müssen in den einzelnen Area-Tags enthalten sein.
Um mich nicht mit fremden Federn zu schmücken: changeMyImages() ist natürlich eine Erweiterung der ImageReady-Funktion changeImages() und nicht mein eigenes Skript.
ImageReady? Kenn' ich nicht. Sieht trotzdem sehr elegant aus, darauf wäre ich gar nicht gekommen...
Grüße,
Christian
--
Sollen sich alle schämen, die gedankenlos sich der Wunder der Wissenschaft und Technik bedienen und nicht mehr davon erfasst haben als eine Kuh von der Botanik der Pflanzen, die sie mit Wohlbehagen frisst.
-- Albert Einstein-
Hallo Christian,
vielen Dank, jetzt weiss ich wenigstens, wo dieses Problem liegt. Wirft allerdings gleich wieder neue auf. :(
Naja, vielleicht knack ichs ja noch.
Grüße,
Lutz
-
-
-