HomieFromCity17: Hintergrundbild in Tabellen wechseln bei Mouse-on-Hover!

SELF-Forum

Hintergrundbild in Tabellen wechseln bei Mouse-on-Hover!

HomieFromCity17
– Informationen zu den Bewertungsregeln

Hi Leutz, hab da ein Problem! Ich hab ne Tabelle wo ich ein Hintergrundbild habe das aber wenn ich mit der Mouse drübergehe sich verändert... Funktioniert aber ni so richtig.....kann mir jemand bitte mal helfen???

<body onLoad="MM_preloadImages('images/nav_button02.jpg')">
<table width="160" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/nav_head.jpg" width="160" height="20"></td>
  </tr>
  <tr>
    <td style="background:url('images/nav_button01.jpg');" onMouseOver="this.style.background:url('images/nav_button02.jpg');" onMouseOut="this.style.background:url('images/nav_button01.jpg');">&nbsp;</td>
  </tr>
  <tr>
    <td style="background:url('images/nav_button01.jpg');" onMouseOver="this.style.background:url('images/nav_button02.jpg');" onMouseOut="this.style.background:url('images/nav_button01.jpg');">&nbsp;</td>
  </tr>
  <tr>
    <td style="background:url('images/nav_button01.jpg');" onMouseOver="this.style.background:url('images/nav_button02.jpg');" onMouseOut="this.style.background:url('images/nav_button01.jpg');">&nbsp;</td>
  </tr>
  <tr>
    <td><img src="images/nav_foot.jpg" width="160" height="20"></td>
  </tr>
</table>

Mfg HfC17

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. /CSS: Hintergrundbild wechseln bei mouseover

    Der Martin
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich hab ne Tabelle wo ich ein Hintergrundbild habe das aber wenn ich mit der Mouse drübergehe sich verändert... Funktioniert aber ni so richtig.

    das wundert mich nicht. ;-)

    onMouseOver="this.style.background:url('images/nav_button02.jpg');"

    Was du da als Inhalt für das onmouseover-Attribut eingesetzt hast, ist keine gültige Javascript-Anweisung. Das hätte dir aber die Javascript-Konsole (oder etwas eingeschränkt auch die Fehlermeldung des IE) sagen können.

    Du willst der background-Eigenschaft des style-Objekts einen Wert zuweisen? Dann tu das doch auch. Und der zugewiesene Wert muss eine gültige CSS-Definition sein:

    onmouseover="this.style.background='url(images/nav_button02.jpg);';"

    Ich empfehle übrigens, die Eventhandler grundsätzlich klein zu schreiben; das spart dir einige Verwirrung, wenn du mal von Javascript aus darauf zugreifen willst (da werden sie nämlich tatsächlich klein geschrieben).

    So long,
     Martin

    --
    Denken ist wohl die schwerste Arbeit, die es gibt. Deshalb beschäftigen sich auch nur wenige damit.
      (Henry Ford, amerikanischer Industriepionier)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. /CSS: Hintergrundbild wechseln bei mouseover

      Gernot Back Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hallo Martin,

      Ich empfehle übrigens, die Eventhandler grundsätzlich klein zu schreiben; das spart dir einige Verwirrung, wenn du mal von Javascript aus darauf zugreifen willst (da werden sie nämlich tatsächlich klein geschrieben).

      Spätestens bei useMap und readOnly in Kombination mit XHTML ist die Verwirrung aber sowieso da. Da braucht das XHTML-Element-Attribut Kleinschreibung, die entsprechende Elementobjekt-Eigenschaft in Javascript aber die Binnenmajuskel.

      Gruß Gernot

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln