Sensitive Grafiken
Jojo55
- html
0 Michael Nagler0 Cybaer0 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
Hallo Jojo,
habe mal was ähnliches geproggt, allerdings ohne Scrollerei. Weiß nur noch, dass die onmouseover-Gifs die Größe der Map hatten, wobei einfach alles Transparent war, was da irrelevant war. So brauchst du die Position jedenfalls nicht ändern, da alle mouseover-Bilder dieselbe Position wie die Map haben.
Ich hoffe ich hab dein Prob richtig verstanden und konnte dir helfen ;)
Viele Grüße,
Michael
Hi,
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 !
Was hindert Dich, neben der Größe des Bildes auch die Koordinaten der Map zu ändern?
Gruß, Cybaer
Was hindert Dich, neben der Größe des Bildes auch die Koordinaten der Map zu ändern?
Im Prinzip nichts, aber es sind mindestens 1200 solche Flächen, die man alle ändern müsste, und das macht echt zu viel rechenaufwand...
Hallo Jojo55,
Was hindert Dich, neben der Größe des Bildes auch die Koordinaten der Map zu ändern?
Im Prinzip nichts, aber es sind mindestens 1200 solche Flächen, die man alle ändern müsste, und das macht echt zu viel rechenaufwand...
Dann würde ich das an deiner Stelle mit Flash machen, da werden die sensitiven Bereiche automatisch mitskaliert. Für die Nutzer ohne Flash würde ich eine statische Variante ohne Zoommöglichkeit anbieten. Die wollen wahrscheinlich auch nichts anderes, wenn sie kein Flashplugin haben.
Gruß Gernot