N'Abend

ich habe eine reine HTML-Frage. Da ich aber in keinem derartigen Forum angemeldet bin, probiere ich es mal hier :-)

Da das hier nicht so ganz zum Thema passt, halte ich die Antwort ganz kurz.

Hintergund ist: Ein Bild ist per imagemap mit mehreren klickbaren Bereichen versehen. Sobald man die Maus über das Bild bewegt, sollen alle diese Bereiche in dem Bild (durch ein einfaches Rechteck) hervorgehoben werden (und wieder verschwinden, wenn der Mauszeiger das Bild verläßt). Alle Lösungen, die ich diesbezüglich im Internet gefunden habe, sind, daß ein weites Bild geladen wird (wo die Bereiche bereits eingezeichnet sind) und das überdeckt/ersetzt das das ursprüngliche Bild. Doch genau dieses 2.Bild will ich vermeiden (wg. Plattenplatz auf dem Webspace, in dem angedachten Projekt können das sehr viele Bilder werden).

Meine momentane Idee ist, das 2. Bild per PHP-Script aus dem 1. Bild zu erzeugen und dann für das "Überblendbild" zu verwenden. Die vorkommenden Imagemap-Areas sind immer Rechtecke, aber unterschiedlich groß. Die ebenfalls möglichen Polygone oder Kreise kommen nicht vor.

Frage: gibt es eine Möglichkeit, ohne 2. Bild die klickbaren Bereiche hervorzuheben, evtl. mit einem kleinem Javascript order gar mit reinem html? Das ganze sollte aber noch "relativ einfach" sein, da die Html-Seite, die den Imagemap enthält, per PHP generiert wird.

Vorschlag: Über das Bild platzierte transparente DIV-Elemente mit Randlinien, im Grundzustand auf unsichtbar eingestellt, die dann im CSS bei Mouseover sichtbar gemacht werden. Die DIVs können anhand der Koordinaten aus der Imagemap erzeugt werden. Und diese Lösung kommt auf Browserseite ohne Javascript aus. Wobei.. eigentlich braucht man dann überhaupt keine Imagemap mehr, die DIVs kann man dann direkt verlinken ;-) Gruß Marcus -- Um die Liste abzubestellen, schicken Sie eine Mail an: opensuse-de+unsubscribe@opensuse.org Um den Listen Administrator zu erreichen, schicken Sie eine Mail an: opensuse-de+owner@opensuse.org