Sensitive Grafiken

[Jojo55]

Hallo

Folgendes Problem:
Ich versuche eine Gebietsübersicht zu erstellen.
Die Städte und anderen Sachen werden vorher mit PHP auf ein druchsichtiges GIF gepinselt und mit der CSS-Eigenschaft "position:relative;" über die Topografische Landkarte geschoben.

Das funktioniert soweit ganz gut.

nächste Sache:
man soll ohne die Webseite neu zu laden in der Landkarte hin und her scrollen können. Auch soll das Zoomen ohne neuladen von statten gehen.

Das habe ich mit JavaScript gelöst, welches die CSS-Eigenschaften "left:Xpx; top:Xpx;" und "width:Xpx;" bearbeitet. Er tut ja dann zoomen, wenn ich das Bild in der Width verändere.

---> Funktioniert auch hervorragend

Jetzt zum eigentlichen Problem:
Ich möchte ebenfalls, wenn der User über eine bestimmte stelle des Bildes fährt per OverLIB (das ist ein JavaSctipt-Tool) ein paar Infos darstellen. Das müsste ich ja dann über HTML so regeln:

<img src="bla" usemap="area">

<map name="area">
<area shape="circle" coords="X,X" onmouseover="javascriptfunktion">
<area shape="circle" coords="X,X" onmouseover="javascriptfunktion">
</map>

So das zur Theorie...

Dieser ganze Code funktioniert genau solange, bis ich mit JavaScript die Breite des Bildes ändere
---> Denn diese Koordinaten der <area> beziehen sich auf die sichtbaren Pixel !

Kann ich das irgendwie mit CSS oder ähnlichem beeinflussen, dass sich die Koordinatenangaben auf das Bild und nicht auf die Anzeige beziehen ?

Ich hoffe ich konnte mein Problem anschaulich und verständlich beschreiben ;)

Bis bald

Jojo55