malefiz: Rollover mit Javasript in XHTML strict

SELF-Forum

Rollover mit Javasript in XHTML strict

malefiz
– Informationen zu den Bewertungsregeln

Moin,

ich versuche einen Rolloverbutton mit Javascript in XHTML strict hinzubekommen. Das habe ich bisher:

Im <head>:

image1 = new Image();
image1.src = "buttonhover.gif";

Im <body>

<a href="meine seite.htm" onmouseover="image1.src='buttonhover.gif';" onmouseout="image1.src='button.gif';">
<img name="image1" src="button."></img></a>

klappt auch ganz toll nur darf ich ja "name" in strict nicht verwenden.
Kann ich das irgendwie umändern, so dass es valide ist?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hovereffekt in XHTML strict

    Mathias Brodala Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo malefiz.

    <a href="meine seite.htm" onmouseover="image1.src='buttonhover.gif';" onmouseout="image1.src='button.gif';">

    <img name="image1" src="button."></img></a>

      
Wie wäre es einfach folgendermaßen?  
  
`<a href="meine%20seite.htm"><img src="blank.gif" alt="Bitte fülle mich sinnvoll aus, da ich zwingend erforderlich bin" /></a>`{:.language-html}  
  
~~~css
a img {  
  background:url(button.gif) no-repeat center;  
}  
a:hover {  
  background:transparent; /* Des blauen Klotzes wegen irgend eine wahllose wirkungslose Veränderung am Link */  
}  
a:hover img {  
  background-image:ur(buttonhover.gif);  
}

    Einen schönen Sonntag noch.

    Gruß, Mathias

    --
    sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|
    debian/rules
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln