Gernot Back: bei "MouseOver" Ebene einblenden

Beitrag lesen

Hallo silke,

was muss ich ändern, damit die ebene die ganze zeit sichtbar ist, solange ich mit der maus innerhalb der <td> bin?

Vergiss alles, was ich bisher gesagt habe mit der globalen Flag-Variable; das ist sowieso unschön. Im Moment läuft das auf deiner Seite http://www.fh-kl.de/kaiserslautern/ia/test/schaukasten.htm
wie folgt:

Wenn du mit der Maus auf die bewusste Tabellenzelle mit dem schmalen Schwarzweiß-Bild gehst, wird ein absolut positionierter Layer darübergelegt, in dem sich das große Farbbild als Hintergrundbild befindet. Damit tritt aber gleichzeitig auch das MouseOut-Event für die Tabellenzelle ein, weil diese ja jetzt von dem Layer überdeckt wird: Das Bild verschwindet also nach Ablauf der von dir festgelegten Timeline wieder. Die kleinste Mausbewegung löst dann aber in der nun nicht mehr überdeckten Tabellenzelle wieder den MouseOver-Event aus.

Die Lösung: Den MousOut-Event musst du dem eingeblendeten großen Farbbild zuordnen. Wenn du das auf den Bereich der darunter liegenden Tabellenzelle begrenzen willst, machst du das mit einer Map, in der du eine Area mit den Maßen des schmalen Schwarzweiß-Bildes definierst. Diese findet sich ja auch schon in deinem Dokument, du musst sie nur dem großen statt dem schmalen Bild zuordnen. Das große Bild muss dann natürlich im Vordergrund des einzublendenden Layers stehen und nicht im Hintergrund.

Alles klar?

Gruß Gernot

0 48

bei "MouseOver" Ebene einblenden

silke
  • html
  1. 0
    Marc Reichelt
    • javascript
    1. 0
      Joachim
      1. 0
        Marc Reichelt
    2. 0
      silke
      1. 0
        Marc Reichelt
        1. 0
          Gernot Back
          1. 0
            Marc Reichelt
            1. 0
              Gernot Back
              1. 0
                silke
          2. 0
            silke
            1. 0
              Gernot Back
              1. 0
                silke
                1. 0

                  TOFU

                  Ashura
                  • zur info
                2. 0
                  Gernot Back
                  1. 0
                    Gernot Back
                    1. 0
                      silke
                      1. 0
                        Gernot Back
                        1. 0
                          silke
                          1. 0
                            Gernot Back
                            1. 0
                              silke
  2. 0
    XaraX
    1. 0
      silke
      1. 1
        Ingo Turski
        1. 0
          Gernot Back
          • css
          1. 0
            Ingo Turski
            1. 0

              & CSS: Nicht Entweder-Oder, sondern Sowohl-Als-Auch !

              Gernot Back
              • javascript
              1. 0
                Ingo Turski
                1. 0
                  Gernot Back
                  1. 0
                    Ingo Turski
                    1. 0

                      whatever:hover

                      Ashura
                      1. 0
                        Ingo Turski
                        1. 0
                          Ashura
                          1. 0
                            Ingo Turski
                            1. 0
                              Ashura
                    2. 0
                      Gernot Back
                      1. 0
                        Ingo Turski
                      2. 0
                        Ingo Turski
                        1. 0
                          Gernot Back
                          1. 0
                            Ingo Turski
                            1. 0
                              Gernot Back
                              1. 0
                                Ingo Turski
        2. 0
          Dada
          1. 0
            Ingo Turski
            1. 0
              Dada
              1. 0
                Ingo Turski
                1. 0
                  Dada
  3. 0
    Gernot Back