Probleme mit background-image - Wechsel per onMouseover.

[Frank Fischer]

Hallo,

ich habe folgendes Konstrukt.
Eine Grafik als Submit-Button, der ich gerne einen onMouseover - Effekt geben würde, um die Grafik zu wechseln.
Ich habe dafür folgendes gemacht.
Im src des input-tags gebe ich ihm ein transparentes gif, welches die gleiche Größe hat wie das eigentliche Bild, was angezeigt werden soll. Dieses eigentliche Bild gebe ich ihm über das style-Attribute background-image. Nun sage ich ihm mit onMouseover, dass das background-image wechseln soll, das macht er aber nicht.

hier der Code:

<input type="image" src="pixel.gif" style="background-image: url(login.gif);" onMouseover="this.style.backgroundImage='login2.gif'">

Mache ich das Ganze mit background und gebe ihm dabei einen Farbwert funktioniert es, warum geht es aber mit dem Bild nicht ? Dort kommt dann der Javascriptfehler "ungültiges Argument".

mfg
ff

[Thomas Meinike]

Hallo,

<input type="image" src="pixel.gif" style="background-image: url(login.gif);" onMouseover="this.style.backgroundImage='login2.gif'">

Mache ich das Ganze mit background und gebe ihm dabei einen Farbwert funktioniert es, warum geht es aber mit dem Bild nicht ? Dort kommt dann der Javascriptfehler "ungültiges Argument".

Probiere es mit:

onmouseover="if(this.style)this.style.backgroundImage='url(login2.gif)'"

Es ließe sich auch einfacher ohne pixel.gif realisieren:

<input type="image" src="login.gif" onmouseover="if(this.src)this.src='login2.gif'">

MfG, Thomas

[Frank Fischer]

DANKE, für diese Antwort, es funktioniert super !!!

P.S. Sorry, für die späte Antwort aber ich war nich daheim. :-)