Image Maps Koordinaten
Aaron
- javascript
0 MudGuard
Guten Tag,
Ich habe eine Seite gemacht die 4 Menus hat (alle auf einzelnen Seiten ) und jeweils ein Content Layer. (Die menus auch in Layern)
Das ganze befindet sich immer auf einem Bild das durch ein JS maximiert wird. Damit die Layer immer auf dem im Bild vorgesehenden Bereich sind habe ich ein ein paar Zeilen Javascript geschrieben. Sobald ich das auf Image Maps übertragen will (die ich brauch um die Seiten zu verlinken) geht das nicht. Die Koordinaten werden korekt berechnet aber ich kann nichts anklicken.
Hier falls nötig der Code:
//Resizen
var faktor = document.body.clientHeight / document.getElementById("bild").height;
var y = document.getElementById("bild").height * faktor
var x = document.getElementById("bild").width * faktor
document.getElementById("bild").height = y;
document.getElementById("bild").width = x;
//Layer content positionieren
document.getElementById("content").style.left = document.getElementById("bild").width/(1024/568);
document.getElementById("content").style.top = document.getElementById("bild").height/(768/386);
document.getElementById("content").style.width = document.getElementById("bild").width/(1024/330);
document.getElementById("content").style.height = document.getElementById("bild").height/(768/249);
//Area postionieren
var kreis1 = document.getElementById("bild").width/(1024/531);
var kreis2 = document.getElementById("bild").height/(1024/52);
var kreis3 = ((document.getElementById("bild").width*document.getElementById("bild").height)/(1024*768))*52;
document.getElementById("aktuell").coords = (kreis1),(kreis2),(kreis3);
alert (kreis1);
alert (kreis2);
alert (kreis3);
Hi,
document.getElementById("bild").height = y;
Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.
document.getElementById("aktuell").coords = (kreis1),(kreis2),(kreis3);
Hier weist Du (kreis1) zu. Anschließend wird der Ausdruck (kreis2) berechnet, danach (kreis3)
cu,
Andreas
Hallo,
document.getElementById("bild").height = y;
Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.
Hier findet aber keine CSS-Wertzuweisung statt. Es handelt sich um die Kurzfassung von document.getElementById("bild").setAttribute("height",y);
MfG, Thomas
Hi,
document.getElementById("bild").height = y;
Falsch - da fehlt die Einheit. Wie bei allen Zuweisungen, die Du für CSS-Längenangaben machst.
Hier findet aber keine CSS-Wertzuweisung statt. Es handelt sich um die Kurzfassung von document.getElementById("bild").setAttribute("height",y);
Ok, bei dieser und der folgenden Zeile nicht - aber danach kommen mehrere Zeilen, auf die meine Aussage zutrifft.
cu,
Andreas