Problem mit CSS-ImageMap

  • Hallo Miteinander,

    ich würde gerne eine ImageMap mit CSS realisieren. Im Moment sieht das Ganze so aus:

    http://www.python-lowracer.de/wiki/R.htm

    Die grünen Strecken auf der Landkarte sollen rot werden, wenn man mit der Maus über die HotSpots fährt (a:hover). Ein HotSpot ist z.B. bei Kopenhagen.

    Mein Problem ist jetzt folgendes: Ich hätte gerne, dass die Strecken wieder grün werden, sobald der HotSpot verlassen wird. Im Moment geschieht das aber erst, wenn der Bereich der eingeblendeten Grafik verlassen wird.

    Ich würde mich sehr über eure Lösungsvorschläge freuen.

    Schöne Grüße,
    Jürgen.

  • Ich gebe zu, das ist eine harte Nuß! Ich hatte vorher schon tagelang vergeblich nach Lösungen gesucht und fürchte langsam, das es gar keine Lösung mit CSS gibt ...

    Hat denn keiner eine Idee?

    Schöne Grüße,
    Jürgen.

  • Nein, mit Css allein fällt mir nichts ein - da du mit einem Element ein anderes ansprechen willst beim hover. Mit Javascript wäre das kein Problem...

    Einmal editiert, zuletzt von Grevas (18. November 2009 um 16:35)

  • Danke Grevas - ich werde das Ganze dann wohl oder übel mit JavaScript umsetzen müssen.

    Schöne Grüße,
    Jürgen.